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

اجزای پیشرفت با دو ساخته شده است

پس زمینه ها

از کلاس های پس زمینه ابزار استفاده کنید

نمونه برچسب ها

با قرار دادن متن در نوار پیشرفت، برچسب‌ها را به نوارهای پیشرفت خود اضافه کنید.progress-bar.

میله های متعدد

در صورت نیاز، چندین نوار پیشرفت را در یک جزء پیشرفت قرار دهید.

ارتفاع

ما فقط a را تنظیم کردیمheight value on the .progress-bar, so if you change that value the outer .progress will automatically resize accordingly.

راه راه

اضافه کردن.progress-bar-striped to any .progress-bar to apply a stripe via CSS gradient over the progress bar’s background color.

راه راه های متحرک

گرادیان راه راه نیز می تواند باشد .progress-bar-animated to .progress-bar to animate the stripes right to left via CSS3 animations.

پیشرفت متحرک

اضافه کردن.animated-progess class with .progress-bar for animated progressbar.

پیشرفت سفارشی

نمونه ای از پیشرفت سفارشی

نمونه پیشرفت

می توانید از این کلاس ها با اجزای موجود برای ایجاد کلاس های جدید استفاده کنید.