نمونه های پیش فرض

اجزای پیشرفت با دو عنصر HTML ساخته شده اند،

پس زمینه ها

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

نمونه برچسب ها

با قرار دادن متن در داخل، برچسب‌ها را به نوارهای پیشرفت خود اضافه کنید .progress-bar.

25%

میله های متعدد

اگر چندین نوار پیشرفت را در یک جزء پیشرفت قرار دهید

ارتفاع

ما فقط 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.

© Fonik- توسط Themesbrand.