php - 用于评级 html5 js 的圆形 div 栏

Question

嗨，我在我的页面中使用了一个条形评级系统，它通过一个非常简单的 php 代码示例以百分比显示用户有多少分：

if($points>50){
 $level = "Full User";
 $level_bar = "100%";
}

到加载时，条形图显示 100% 填充了另一种颜色。

现在的问题是做实心条圆形，我有用html5做的想法，但我失败了，知道怎么做吗？

我试图让这个工作： 循环评级栏

Answer 1

使用画布元素制作的演示：http: //jsfiddle.net/x4pVy/

如果要显示不同的百分比，只需更改存储在data-completeness属性上的值canvas

百分比值可以写入画布内（通过fillText()函数）或写入可以放置在画布上的另一个 DOM 元素（使用 css）