پیش رفتن
مثال ها
یک نوار پیشرفت می تواند برای نشان دادن فاصله زمانی او در یک فرآیند به کاربر استفاده شود.
\u003cdiv class\u003d\
ارتفاع
ما فقط یک را تنظیم کردیمheight value on the .progress, so if you change that value the inner .progress-bar will automatically resize accordingly.
Use .progress-sm,.progress-md,.progress-lg,.progress-xl classes.
\u003c!-- ارتفاع درون خطی --\u003e\n
میله های متعدد
در صورت نیاز، چندین نوار پیشرفت را در یک جزء پیشرفت قرار دهید.
\u003cdiv class\u003d\
راه راه های متحرک
گرادیان راه راه نیز می تواند متحرک شود. .progress-bar-animated to .progress-bar to animate the stripes right to left via CSS3 animations.
\u003cdiv class\u003d\
برچسب ها
با قرار دادن متن در نوار پیشرفت، برچسب‌ها را به نوارهای پیشرفت خود اضافه کنید.progress-bar.
\u003cdiv class\u003d\
پس زمینه ها
از کلاس های ابزار پس زمینه برای تغییر ظاهر نوارهای پیشرفت فردی استفاده کنید.
\u003c!-- موفقیت --\u003e\n
راه راه
اضافه کردن.progress-bar-striped to any .progress-bar to apply a stripe via CSS gradient over the progress bar’s background color.
\u003cdiv class\u003d\