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