创建一个基本的进度条的步骤如下：
实例：
<div class="progress"> <div class="progress-bar" style="width:60%;"></div>
</div>
实例效果：
在内层<div>添加.progress-bar-*，*可以是success、info、danger、warning。
在外层<div>添加.progress-striped。
在外层<div>添加.progress-striped .active。
把多个.progress-bar的<div>放在.progress内即可实现堆叠。
实例：
<div class="progress"> <div class="progress-bar" style="width:20%;"></div> </div> <div class="progress progress-striped"> <div class="progress-bar progress-bar-success" style="width:30%;"></div> </div> <div class="progress progress-striped active"> <div class="progress-bar progress-bar-info" style="width:50%;"></div> </div> <div class="progress progress-striped active"> <div class="progress-bar" style="width:20%;"></div> <div class="progress-bar progress-bar-danger" style="width:30%;"></div> <div class="progress-bar progress-bar-warning" style="width:50%;"></div> </div>
实例效果：
原文：http://www.cnblogs.com/lodadssd/p/6367494.html