نوار پیشرفت

چگونه کار می کند

یک نوار پیشرفت می تواند برای نشان دادن فاصله زمانی او در یک فرآیند به کاربر استفاده شود.

25%
رنگ پس زمینه

از کلاس های ابزار پس زمینه برای تغییر ظاهر نوارهای پیشرفت فردی استفاده کنید.

نوار پیشرفت راه راه

برای اعمال یک نوار از طریق گرادیان CSS روی رنگ پس‌زمینه نوار پیشرفت، .progress-bar-stripedبه هرکدام اضافه کنید ..progress-bar

ارتفاع

ما فقط یک مقدار ارتفاع را بر روی تنظیم می کنیم .progress، بنابراین اگر آن مقدار را تغییر دهید، اندازه داخلی .progress-barبه طور خودکار مطابق با آن تغییر می کند. از .progress-xs, .progress-sm, .progress-md, .progress-lgیا کلاس ها استفاده کنید .progress-xl.

© تاپلوکس.