进度条事件

1.Progress进度条组件由两个HTML元素、一些CSS宽度设置以及一些属性构建。我们不使用 HTML5 <progress> 元素，确保用户可以方便的平行堆叠进度条、加上动态效果，并在共上放置文本标签。

2.使用 .progress 容器来指定进度条的最大值。

3.使用 .progress-bar 来表示当前的进度。

4.progress-bar 要求的内嵌样式，使用全局实用CSS或自定义CSS来设置其宽度。

5.progress-bar 还需要一些 role and 与属性，使其访问友好（无障碍）。

把它们组合起来，可得到以下实例：

6.标签：在.progress-bar 中放置文字內容,可将标签添加到进度条中。

7.背景：使用背景通用样式 Class 样式来定义进度条的外观。

8.条纹进度指示：将.progress-bar-striped 添加到 .progress-bar 上，可以使用CSS渐变对背景颜色加上条纹效果。