Bootstrap进度条

---

进度条基本样式

1.新建一个web项目ch19，把ch18的东西复制过来。

2.设置进度条基本样式

（两个容器嵌套，最外层是“progress”样式，里面那层用“progress-bar”样式。其实就是两个<div>，一个<div>用来做背景，另一个为进度条。）

3.运行效果

---

进度条多彩样式

1.设置多彩样式的进度条

2.运行效果

---

条纹进度条

1.设置条纹进度条

（只需要添加“progress-striped”这个样式)

2.运行效果

---

进度条动画样式

1.设置进度条的动画样式

（只需要添加一个“active”属性）

2.运行效果

（注意：此时的进度条呈现出动态的效果）

---

堆叠样式进度条

1.设置堆叠样式进度条

一个“progress”里给了三个“progress-bar”，第一个为danger红色占10%，第二个info蓝色占20%，第三个warning黄色占30%。

2.运行效果