用JS写一个进度条
这是我在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了
首先获得两个DIV和百分比数字的ID
然后声明一个速度speed，让小DIV的宽每次以2px的速度扩大，接着写计时器，让小DIV宽度增加，数字慢慢增加，就可以了
最后写一个浏览器兼容写法，ok!
进度条在运行
进度条运行完成！成功！