您好,我在我的页面中使用了一个评分系统,它通过一个非常简单的 php 代码按百分比显示用户有多少分 示例:
if($points>50){
$level = "Full User";
$level_bar = "100%";
}
并且在加载时,条形图显示 100% 填充了另一种颜色。
现在的问题是做实心条形图,我想用 html5 做,但我失败了,知道怎么做吗?
我正在努力让它发挥作用: Circular rating bar
最佳答案
使用 Canvas 元素制作的演示:http://jsfiddle.net/x4pVy/
如果您想显示不同的百分比,只需更改存储在 canvas
上的 data-completeness
属性的值即可
百分比值可以写在 Canvas 内(通过 fillText()
函数)或写在另一个可以放置在 Canvas 上的 DOM 元素中(使用 css)
关于php - 用于评分html5 js的圆形div栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10892939/