پیشرفت
مثال پایه
از کلاس های پس زمینه ابزار استفاده کنید ظاهر نوارهای پیشرفت فردی را تغییر دهید.
مثال راه راه راه راه و متحرک
اضافه کنید.progress-bar-animatedبه .progress-bar برای متحرک سازی نوارها از راست به چپ از طریق انیمیشن های CSS3.
برچسب ها و میله های متعدد مثال
با قرار دادن متن در نوار پیشرفت، برچسبها را به نوارهای پیشرفت خود اضافه کنید.progress-bar.
قد و رنگ پس زمینه مثال
ما فقط یک را تنظیم کردیمheightارزش بر روی.progress-bar، و کلاس رنگ پس زمینه را اضافه کنید.
مثال عمودی
اضافه کنید.progress-verticalبه هر.progress-bar-animatedاعمال کردن a از طریق گرادیان CSS روی رنگ پسزمینه نوار پیشرفت خط بکشید.