نوارهای پیشرفت پیش فرض

از کلاس .progress-bar-{color-name} برای افزودن رنگ های مختلف به نوار پیشرفت استفاده کنید.

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

از کلاس progress-label برای افزودن برچسب استفاده کنید.

نوار های پیشرفت راه راه

افزودن .progress-bar-striped به هر .progress-bar باعث نمایش آن به صورت راه راه خواهد شد.

نوار های پیشرفت متحرک

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

اندازه های نوار پیشرفت

برای اندازه نوار پیشرفت پیش فرض کلاسی نیاز نیست. میتوانید از کلاس .progress-sm به همراه .progress برای اندازه نوار پیشرفت نازک استفاده کنید.

سفارشی سازی قالب

سفارشی سازی کنید و به صورت زنده مشاهده کنید.
طرح قالب

رنگ های فهرست

جمع کردن فهرست

رنگ های نوار بالایی
نکته : این گزینه تنها در حالت نوار ثابت و در هنگام اسکرول صفحه نمایش داده خواهد شد.
نوع نوار بالایی

نوع فوتر

سایه کارت

مخفی سازی دکمه اسکرول به بالا
ارتباط با ما
امروز

لورم ایپسوم متن ساختگی

7:45 ق.ظ

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم

7:50 ق.ظ

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

8:01 ق.ظ