نوارهای پیشرفت
نمونه های پیش فرض
کامپوننت های Progress با دو عنصر HTML، مقداری CSS برای تنظیم عرض و چند ویژگی ساخته شده اند.
پس زمینه ها
از کلاس های ابزار پس زمینه برای تغییر ظاهر نوارهای پیشرفت فردی استفاده کنید.
نمونه برچسب ها
با قرار دادن متن در نوار پیشرفت، برچسبها را به نوارهای پیشرفت خود اضافه کنید.progress-bar
.
میله های متعدد
در صورت نیاز، چندین نوار پیشرفت را در یک جزء پیشرفت قرار دهید.
ارتفاع
ما فقط a را تنظیم کردیمheight
value on the .progress-bar
, so if you change that value the outer .progress
will automatically resize accordingly.
راه راه های متحرک
گرادیان راه راه نیز می تواند متحرک شود. .progress-bar-animated
to .progress-bar
to animate the stripes right to left via CSS3 animations.
راه راه
اضافه کردن.progress-bar-striped
to any .progress-bar
to apply a stripe via CSS gradient over the progress bar’s background color.