一、進(jìn)度條
1、默認(rèn)進(jìn)度條
1、外層 div 添加 class .progress
2、內(nèi)層 div 添加 class .progress-bar 添加百分比屬性，style="60%"; 表示進(jìn)度條在 60% 的位置。
默認(rèn)進(jìn)度條
<div class="progress">
<div class="progress-bar" role="progressbar style="width: 40%;">
</div>
</div>
2、進(jìn)度條相關(guān)類(lèi)
.progress-bar-success
.progress-bar-info
.progress-bar-warning
.progress-bar-danger
3、條紋進(jìn)度條
外層div添加 .progress-striped類(lèi)
<div class="progress progress-striped ">
<div class="progress-bar progress-bar-warning" style="width:70%;">
</div>
</div>
4、動(dòng)畫(huà)進(jìn)度條
外層div添加 .active類(lèi)
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-warning" style="width:50%;">
</div>
</div>
遠(yuǎn)近互聯(lián)前端小華整理發(fā)布，希望能對(duì)學(xué)習(xí)技術(shù)的你有所幫助
遠(yuǎn)近互聯(lián)專(zhuān)業(yè)提供網(wǎng)站建設(shè)、APP開(kāi)發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運(yùn)營(yíng)的品牌整合營(yíng)銷(xiāo)服務(wù)讓客戶通過(guò)網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績(jī)。
