jquery easyui 进度条做投票进度条使用时设置进度大于100

最新推荐文章于 2022-03-28 19:33:48 发布

codererererer

最新推荐文章于 2022-03-28 19:33:48 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： easyui 投票系统 progressba 进度条

本文链接：https://blog.youkuaiyun.com/smallstudent1/article/details/77327439

在制作投票系统时，使用 jQuery EasyUI 的进度条组件遇到一个问题：如何在票数超过100%时仍能正确显示进度。本文讲述了作者如何通过分析官方代码，修改进度条颜色、数值显示以及进度设置，以适应超过100%的投票进度需求。并提醒开发者避免过度依赖搜索引擎，要养成独立思考和分析代码的习惯。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery easyui 进度条做投票进度条使用时设置进度大于100
最近公司打算出去旅游，老大主动请缨做一个投票系统统计各个旅游地点的票数统计。

其实对于各位大神来说这种软件很简单的。但是对于新手来说的我还是有很多问题需要攻克的。而且这是的进度条我是用了jquery easyui 的进度条插件做的，当时做的时候没考虑完全。最后想想员工挺多，貌似超过100进度条就满了。
没办法还是第一方法就是求度年，不过也知道，只要一个文章不对，那么其他的文章都是不是自己想要的。因为网上流行抄来抄去的，一个原创文章，满世界的都是这一种答案。很难!
没办法，这时候就只能动脑袋了，不然截止日期就要逼近了。

经过冷静的观察分析官方的代码之后：

$('#p').progressbar({
    value: 60,
     text: '{value}'%
});

var value = $('#p').progressbar('getValue');
if (value < 100){
    value += Math.floor(Math.random() *