Progress Bar

Date: 17.06.2021 6.17am

Default Progress Bar

Progress Bar With Labels

20%
40%
60%
80%
100%

Progress Bar Height

Progress Bar Round

Multiple bars

Backgrounds

Striped

Animated Striped

How To Use

Basic Use HTML
<div class="progress">
    <div class="progress-bar" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
</div>

For more Information please follow the Official Documentation