结果如下所示:

动画的进度条
创建一个动画的进度条的步骤如下:
添加一个带有 class .progress 和 .progress-striped 的
。同时添加 class .active。接着,在上面的 内,添加一个带有 class .progress-bar 的空的 。
添加一个带有百分比表示的宽度的 style 属性,例如 style=”60%”; 表示进度条在 60% 的位置。
这将会使条纹具有从右向左的运动感。
让我们看看下面的实例:
实例
40% 完成 结果如下所示:
![]()
堆叠的进度条
您甚至可以堆叠多个进度条。把多个进度条放在相同的 .progress 中即可实现堆叠,如下面的实例所示:
实例
40% 完成 30% 完成(信息) 20% 完成(警告) 结果如下所示:
![]()










