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