نوار پیشرفت برای این است که به کاربر نشان دهیم چه مقدار از یک فرایند را طی کرده است.

برای اینکار در تگ <div> کلاس progress و progress-bar را بصورت زیر استفاده می کنیم.

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

با استفاده از style مقدار پیشرفت ( حجم آبی ) را نشان دهیم.

برای نشان دادن درصد پیشرفت بصورت زیر عمل می کنیم.

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

برای نشان دادن نوار پیشرفت متحرک از کلاس progress-bar-striped progress-bar-animated استفاده می کنیم

<div class="progress-bar progress-bar-striped progress-bar-animated" style="width:40%"></div>