一、進度條
1、默認進度條
1、外層 div 添加 class .progress
2、內層 div 添加 class .progress-bar 添加百分比屬性,style="60%"; 表示進度條在 60% 的位置。
默認進度條
<div class="progress">
<div class="progress-bar" role="progressbar style="width: 40%;">
</div>
</div>
2、進度條相關類
.progress-bar-success
.progress-bar-info
.progress-bar-warning
.progress-bar-danger
3、條紋進度條
外層div添加 .progress-striped類
<div class="progress progress-striped ">
<div class="progress-bar progress-bar-warning" style="width:70%;">
</div>
</div>
4、動畫進度條
外層div添加 .active類
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-warning" style="width:50%;">
</div>
</div>
遠近互聯前端小華整理發布,希望能對學習技術的你有所幫助
遠近互聯專業提供網站建設、APP開發、網站優化、外貿網站SEO、微信運營的品牌整合營銷服務讓客戶通過網絡品牌建立與網絡傳播提高業績。






