js的进度条

作者：张铭标

撰写时间：2019年6月 17日

js的进度条主要分为两种: setTimeout和setInterval.这两种的区别在于setTimeout()只执行一次,而setinterval()可以进行多次调用使用.

首先介绍第一种setTimeout()的用法:

第一步先引入jquery的插件:

然后在body后面引用两个script的控件:

都引用好之后在body写出第一种进度条的部分,这里面的width值表示进度条从百分之几开始:

然后写出样式:

最后在html里得到的效果图:

第二种的使用也是差不多的,把插件和控件都引进来之后直接写出body部分:

然后是样式:

接着就是html的效果图了:

进度条的颜色可以根据自己的喜好在样式部分进行更改.部分内容参考W3cschool