如何编写一个可调节速度的动态进度条？

本文共计1050个文字，预计阅读时间需要5分钟。

在前面+进度条一 直以来都是很多地方都可以使用的，那么那么多的时 候，其 实我 们都 是 自 己 在 网 上 找 代 码，直 接 用 的，很 少 有 人 自 己 编 写 源 码 的，今 天 就 简 单 的 实 现一 个 进 度 条 的 效 果。

写在前面

进度条一直以来都是很多地方都可以用的，那么很多的时候其实我们都是自己在网上找代码，直接使用的，很少有人自己写源码的，今天呢我们就简单的实现一个进度条的效果，没有做美化，喜欢做美化的可以自己做一下美化。

源码已经放到Github上：进度条源码

一如既往的看效果：

好吧，效果还是一如既往的丑，简单的说一下怎么实现这样的效果，还是和之前一样我们分析一下难点在哪？

第一：进度条是生成的，那么就意味着div的宽度是不定的。

第二：百分比是动态的，就意味着是计算出来的。

第三：每次的改变，百分比都要自己计算出来，说明公式里面的数据是变量。

只要解决这三个问题，这个进度条就解决了，至于颜色怎么改变这些就不是什么难点了。