插件描述：可以添加渐变色的进度条，进度为圆角形式呈现
更新时间：2019-09-25 22:27:16
更新说明：增加进度条显示动画，添加进度条动态loading效果
1 2 3 4 5 6 7 8 9 10 11 12 | $('#progress-container2').initData({ height: 6, percent: 80, isAuto: true //新增动画效果，true为显示动画})mAutoPlay($('#progress-container'), mPercent, { height: 10 }) //动态loading方法/* * @params （mAutoPlay参数说明，从左至右） * el: 进行自动动画的dom元素 * percent： 当前进度（动态变化） * m_obj: 进度条高度，背景色参数 例： {height: 10, bgStartColor: '#feea4d', bgEndColor: '#ff3d00'}*/ |
更新时间：2019-09-23 21:58:45
使用方法
引入progress.js文件和progress.css文件，
然后在进度条显示的地方加入一个div标签，然后调用初始化方法initData()即可，如插件中的例子：
css
1 2 3 4 5 6 7 | .content{ width: 800px; margin: 50px auto;}.content>div{ margin-top: 50px;} |
html
1 2 3 4 5 6 | <div > <div id="progress-container"></div> <div id="progress-container1"></div> <div id="progress-container2"></div> <div id="progress-container3"></div></div> |
js
1 2 3 4 | $('#progress-container').initData({ height: 10, percent: 50}) |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 手机app邀请好友推广类活动模板
- 下一个特效： 原生javript翻牌小游戏(原创)