نوار پیشرفت
نوار پیشرفت پایه
اجزای پیشرفت با دو عنصر HTML، مقداری CSS برای تنظیم عرض و چند ویژگی ساخته شده‌اند.نوار پیشرفت بزرگ
برای تغییر اندازه پیشرفت به بزرگ از کلاس .lg-progress-bar
استفاده کنید:
نوار پیشرفت کوچک
برای تغییر اندازه پیشرفت به کوچک از کلاس .sm-progress-bar
استفاده کنید:
ارتفاع سفارشی نوار پیشرفت
یک مقدار ارتفاع را روی.progress-bar تنظیم کنید،
بنابراین اگر آن مقدار را تغییر دهید .progress بیرونی به طور خودکار اندازه آن را تغییر
می دهد.
نوار پیشرفت چندگانه
در صورت نیاز، چندین نوار پیشرفت را در یک جزء پیشرفت قرار دهید.نورا پیشرفت راه راه
کلاس.progress-bar-striped را به هر
.progress-bar اضافه کنید تا یک نوار از طریق گرادیان CSS روی رنگ پس‌زمینه نوار پیشرفت
اعمال شود.
نوار پیشرفت انیمیشنی
گرادیان راه راه را می توان متحرک نیز کرد..progress-bar-animated را به .progress-bar اضافه کنید تا نوارها از راست
به چپ از طریق انیمیشن‌های CSS3 متحرک شوند.