Bootstrap进度条

1、进度条（基本样式）

1. 首先在父
   上添加“progress”类名
2. 然后在子
   上添加“progress-bar”类名，style表示进度条进度
   代码示例：

示例：

基本进度条.png

2、进度条（彩色进度条）

• .progress-bar-info：在子
  中“progress-bar”上追加此类名，显示蓝色进度条
• .progress-bar-success：在子
  中“progress-bar”上追加此类名，显示绿色进度条
• .progress-bar-warning：在子
  中“progress-bar”上追加此类名，显示黄色进度条
• .progress-bar-info：在子
  中“progress-bar”上追加此类名，显示红色进度条

示例：

彩色进度条.png

3、进度条（条纹进度条）

• .progress-striped：在父
  中“progress”上追加此类名，显示条纹

示例：

条纹进度条.png

4、进度条（动态条纹进度条）

• .active：在父
  中“progress”和“progress-striped”上追加此类名，显示动态条纹

示例：

动态条纹.gif

5、进度条（层叠进度条）

• 在父
  中添加几个子

示例：

层叠进度条.png

6、进度条（带label的进度条）

• 直接在子
  中添加文本

   
20%

示例：

带label的进度条.png