نوار پیشرفت در بوت استرپ چیست؟

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

بوت استرپ چندین نوع نوار پیشرفت را به ما ارائه می دهد.

یک نوار پیشرفت ساده در بوتسترپ مانند زیر می باشد:

برای ایجاد یک نوار پیشرفت، کلاس progress. را به یک عنصر <div> اضافه کنید:

مثال (نوار پیشرفت در بوت استرپ)

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="70"
  aria-valuemin="0" aria-valuemax="100" style="width:70%">
    <span class="sr-only">70% Complete</span>
  </div>
</div>

خودتان امتحان کنید »
Note

نکته: نوارهای پیشرفت در اینترنت اکسپلورر9 و ورژن های قبلی آن پشتیبانی نمی شود(زیرا آنها از transition ها و animation ها برای ایجاد بعضی افکت های خود استفاده می کنند).