进度条 - bootStrap4常用CSS笔记

.progress 进度条容器类,用height来定义进度条的高度
.progress-bar 定义一个进度条,用width百分比值来定义进度条的长度
.progress-bar-striped 定义带条纹的进度条
.progress-bar-animated 动画显示进度条,必需和progress-bar-striped结合使用,不然看不到动画效果
.bg-{primary、secondary、success、warning、danger、info、dark、light} 定义进度条的颜色

进度条示例:

1     <div class="progress" style="height: 40px;">
2       <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" style="width: 75%;">当前进度:75%</div>
3     </div>

 

posted @ 2019-05-13 15:08  1024记忆  阅读(580)  评论(0编辑  收藏  举报