**

well元件

**
給一段內容，新增一個外形塊

<div class="well well-lg">...</div>   大
<div class="well">...</div>           中（預設）
<div class="well well-sm">...</div>    小

**

進度條

**
1，基本進度條

<div class="progress">
  <div class="progress-bar" style="width: 60%;">
    <span>60% Complete</span>
  </div>
</div>
 

2，最低值進度條（當進度條為0%時，遊走條不能看不到，所以我們給遊走條一個初始值，讓進度為0%時也能
看的到）

所以設定進度條初始化時（也就是進度條為0%時）顯示的遊走條的長短用 min-width屬性來控制

3，不同情境，不同顏色進度條的實現

<div class="progress">
  <div class="progress-bar progress-bar-success"  style="width: 40%">
    <span >40% Complete (success)</span>
  </div>
</div>
 

4，條紋狀進度條的實現（必須IE10以上瀏覽器才支援）

<div class="progress">
  <div class="progress-bar progress-bar-success progress-bar-striped"  style="width: 40%">
    <span>40% Complete (success)</span>
  </div>
</div>

如何讓斑馬進度條有動畫效果？（這個動畫效果必須只能用在斑馬進度條上）

加上 active 類就可以了