一、进度条

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、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。

bootstrap进度条 网站设计公司 网站优化公司