这是我在CSDN写的第一篇文章,把它献给我正在学习的JS吧,作为一个菜鸟,写的东西会很low,大神们就别看了,JS新手可以看一下,我们共同交流学习!
首先,进度条的原理不是很难,说白了就是一个有宽高的大的DIV,里面有一个与大DIV等高但是宽度为0的小DIV,然后让小DIV的宽随着时间的变化慢慢增大直到与大DIV相等就可以了,最后在大DIV最右边加一个表示进度的数字让它从0%渐渐变到100%就可以了。不多说了,直接上代码吧。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190210123219844.png
这是HTML的内容,大小DIV以及百分比的数字都在里面
这是css样式,大的DIV加相对定位,小DIV和数字加绝对定位
这就是最初的效果,下面就差最重要的js了