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

Question

您好，我在我的页面中使用了一个评分系统，它通过一个非常简单的 php 代码按百分比显示用户有多少分示例:

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

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

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

我正在努力让它发挥作用: Circular rating bar

Answer 1

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

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

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