Bootstrap学习笔记（九）进度条

www.xpshuai.cn

于 2018-08-21 11:36:05 发布

阅读量538

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_37622608/article/details/81904839

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

以下是三种进度条：

<div class="progress">
    <div class="progress-bar progress-bar-success" style="width:50%">50%</div>
</div>

<div class="progress">
    <div class="progress-bar progress-bar-danger progress-bar-striped" style="width:50%">50%            </div>
</div>

<div class="progress">
    <div class="progress-bar progress-bar-info progress-bar-striped active" style="width:50%">50%</div>
    </div>
</div>
# progress-bar-striped 加上斜纹
# active 激活 动态的