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