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