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

标签 php javascript html css

您好,我在我的页面中使用了一个评分系统,它通过一个非常简单的 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/

相关文章:

php - 如何使用 PHP 从 mysql 输出中删除换行符<br>

php - 随机版本号与图像强制缓存

java - 安装 Solr PHP JAVA_HOME 错误

javascript - 用户在 Rails 5 中使用 Devise 登录后运行 JS 代码

javascript - 为什么浏览器不抛出语法错误异常?

javascript - 使用 JavaScript 在 HTML 表格中动态插入一行

html - sublime text3 中的 CSS 字体系列,如何将它们链接到互联网

php - 使用 Jquery Ajax 传递 Json 数据然后显示响应

javascript - 如何在输入字段 "password"中显示文本并在输入后再次切换到密码 View

javascript - 砌体布局响应式排水沟