نمونه های پیش فرض
اجزای پیشرفت با دو عنصر HTML ساخته شده اند،
پس زمینه ها
از کلاس های پس زمینه ابزار برای تغییر ظاهر استفاده کنید
نمونه برچسب ها
با قرار دادن متن در داخل، برچسبها را به نوارهای پیشرفت خود اضافه کنید .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.