Progress Bardemo

Progress Bar

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

Colored Progress Bar

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

Progress Bar with colored parts

    <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>