进度条案例

进度条

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

彩色进度条

    <div class="progress-bar">
        <div class="bar bg-color-*" style="width: 75%"></div>
    </div>

多色进度条

    <div class="progress-bar">
        <div class="bar bg-color-pink" style="width: 30%"></div>
        <div class="bar bg-color-yellow" style="width: 30%"></div>
        <div class="bar bg-color-green" style="width: 40%"></div>
    </div>