Progress Bars

Progress Bars

<!-- Basic -->
<div class="progress" style="height: 20px">
    <div class="progress-bar" style="width: 75%">75%</div>
</div>

<!-- Colored -->
<div class="progress">
    <div class="progress-bar bg-success" style="width: 50%"></div>
</div>
<div class="progress">
    <div class="progress-bar bg-danger" style="width: 30%"></div>
</div>

<!-- Striped and animated -->
<div class="progress">
    <div class="progress-bar progress-bar-striped progress-bar-animated bg-info" style="width: 80%"></div>
</div>

<!-- Multiple bars -->
<div class="progress">
    <div class="progress-bar bg-success" style="width: 30%">Done</div>
    <div class="progress-bar bg-warning" style="width: 20%">In Progress</div>
    <div class="progress-bar bg-danger"  style="width: 10%">Failed</div>
</div>