插件描述：jQuery横向及纵向进度条插件,可控制速度，可设为递增递减进度，可繁可简，颜色尺寸随心所欲！简单使用，使用方法一应俱全。
使用方法
引用
1 2 3 | <link rel="stylesheet" href="css/schedule.css"><script src="js/jquery-3.0.0.min.js"></script><script src="js/schedule.js"></script> |
html
1 2 3 4 5 | <!--横向进度条--><div id="scheduleX"></div><!--纵向进度条--><div id="scheduleY"></div> |
调用对应进度条函数
1 2 3 4 5 6 7 8 9 10 11 | /*纵向进度条*/scheduleY({ fulfill: 55, //选择数 listAll: 100, //总数 speed: 25, //动画速度，可选，默认25,越小越快 again: false, //选择数改变动画是否从零开始，默认true bgColor: "#828282", //底部颜色 listColor: "#5bcde7", //伸缩条颜色，默认原谅绿 scWidth: "25", //进度条宽度 scHeight: "300" //进度条高度}); |
1 2 3 4 5 6 7 8 9 10 11 | /*横向进度条*/scheduleX({ fulfill: 60, //选择数 listAll: 100, //总数 speed: 25, //动画速度，可选，默认25,越小越快 again: false, //选择数改变动画是否从零开始，默认true从零开始 bgColor: "#828282", //底部颜色 listColor: "#ffa439", //伸缩条颜色，默认原谅绿 scWidth: "400", //进度条宽度 scHeight: "25" //进度条高度}); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jquery分步操作插件
- 下一个特效： html5小学语文考试