圆形div栏用于评级html5 js

Question

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

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

在装载时，条形图显示100％填充了另一种颜色。

问题现在它正在做填充栏循环，我有想法用html5做这个并且我失败了，任何想法怎么做？

我试图让这个工作： Circular rating bar

Answer 1

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

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

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