jQuery ProgressBar投票进度条展示
投票系统的进度展示用条形图其实还挺实用的。用上 jQuery ProgressBar 插件，几行代码就能搞定。嗯，主要是依赖 jQuery UI，所以要先把 jquery.js、jquery-ui.js 和 jquery-ui.css 引进去，别忘了。
进度条容器随便来个 ，初始化的时候用 $('#progressBar').progressbar() 就行。设置值就更简单了，.progressbar('value', 70) 一下就更新成 70%。
想搞点互动？可以加监听事件，像 change 和 complete，这样用户看到条变满了还能触发点提示。适合投票那种，实时反馈进度，体验感蛮不错。
样式也挺灵活的，宽度、高度、颜色都能自定义。如果你喜欢动画那种顺滑的变化，可以加 animate: true，感觉更高级些。百分比数字也能加上，看起来更直观。
要是你项目里有投票或者加载任务这种需求，真的可以考虑用这个插件。实用、轻便，改起来也方便。如果你想试试，可以从这里下载：jquery progress bar 进度条插件投票进度条系统。
另外，还有一些变种插件，像多彩版和简洁风格，你可以按项目风格挑一个。
如果你追求的是快速开发又不想牺牲视觉效果，这类 jQuery 插件真的挺香的，毕竟好用才是硬道理。
下载地址
用户评论
