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

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

原创

最新推荐文章于 2022-03-28 19:33:48 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #投票系统 #progressba #进度条

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

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() *