作者:张铭标
撰写时间:2019年6月 17日
js的进度条主要分为两种: setTimeout和setInterval.这两种的区别在于setTimeout()只执行一次,而setinterval()可以进行多次调用使用.
首先介绍第一种setTimeout()的用法:
第一步先引入jquery的插件:
然后在body后面引用两个script的控件:
都引用好之后在body写出第一种进度条的部分,这里面的width值表示进度条从百分之几开始:
然后写出样式:
最后在html里得到的效果图:
第二种的使用也是差不多的,把插件和控件都引进来之后直接写出body部分:
然后是样式:
接着就是html的效果图了:
进度条的颜色可以根据自己的喜好在样式部分进行更改.部分内容参考W3cschool