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 插件真的挺香的,毕竟好用才是硬道理。
下载地址
用户评论