progressbar

---

进度条

---

演示

默认

<div class="progress progress-success">
    <div data-percentage="0%" style="width: 80%;" class="bar"></div>
</div>  
                                         
<div class="progress progress-info">
    <div data-percentage="0%" style="width: 60%;" class="bar"></div>
</div>  

<div class="progress progress-warning">
    <div data-percentage="0%" style="width: 40%;" class="bar"></div>
</div>  

<div class="progress progress-danger">
    <div data-percentage="0%" style="width: 20%;" class="bar"></div>
</div> 

尺寸

<div class="progress progress-success progress-small">
    <div data-percentage="0%" style="width: 45%;" class="bar"></div>
</div>                                      
                                                                            
<div class="progress progress-danger progress-small">
    <div data-percentage="0%" style="width: 45%;" class="bar"></div>
</div> 

无圆角

<div class="progress progress-success progress-small no-radius">
    <div data-percentage="0%" style="width: 45%;" class="bar"></div>
</div>                                      
                                                                            
<div class="progress progress-danger no-radius">
    <div data-percentage="0%" style="width: 45%;" class="bar"></div>
</div> 

动画

<div class="progress progress-success progress-striped active progress-large">
    <div data-percentage="0%" style="width: 45%;" class="bar"></div>
</div>  
<div class="progress progress-danger progress-striped active">
    <div data-percentage="0%" style="width: 45%;" class="bar"></div>
</div>