进度条 - 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>