进度条

<!-- PROGRESS BARS -->
        <div class="progress">
            <div class="progress-bar" style="width: 30%;"></div>
        </div>
        <br>
        <div class="progress">
            <div class="progress-bar" style="width: 30%;">30%</div>
        </div>
        <br>
        <div class="progress">
            <div class="progress-bar bg-success" style="width: 90%;">90%</div>
        </div>
        <br>
        <div class="progress">
            <div></div>
        </div>
        <br>
        <div class="progress">
            <div></div>
        </div>
        <br>
        <!-- HEIGHT -->
        <div class="progress" style="height:1px;">
            <div class="progress-bar bg-success" style="width: 90%;"></div>
        </div>
        <br>
        <!-- STRIPED -->
        <div class="progress">
            <div class="progress-bar bg-danger progress-bar-striped" style="width: 90%;"></div>
        </div>
        <br>
        <!-- ANIMATED -->
        <div class="progress">
            <div class="progress-bar bg-danger progress-bar-striped progress-bar-animated" style="width: 90%;"></div>
        </div>
        <br>
        <!-- MULTIPLE BARS -->
        <div class="progress">
            <div class="progress-bar bg-danger" style="width: 20%;"></div>
            <div class="progress-bar bg-warning" style="width: 20%;"></div>
            <div class="progress-bar bg-success" style="width: 20%;"></div>
        </div>