bootstrap与jQuery结合的动态进度条 bootstrap与jQuery结合的动态进度

此款进度条实现的功能：
【bootstrap与jQuery结合的动态进度条】1.利用了bootstrap的进度条组件。
a.在最外层的中加入class .progress，在里层加入class .progress-bar从而实现基本的进度条。
b.在外层中加入class .progress－striped实现条纹进度条。
c.在内层加入class .progress－bar－danger/warning/info/success 从而实现红色、黄色、蓝色、绿色
d.在外层中加入class .active 实现动画效果
2.利用jQuery对进度条进度进行控制。
0-30时显示红色，30-60显示黄色，60-90显示绿色，90-100显示绿色
实现进度条暂停、停止、重新开始、继续功能
具体代码如下：

文章图片