میله های متحرک

اگر می خواهید فقط قرار دهید می توانید نوار متحرک ایجاد کنید wow animated progress-animated

60٪ کامل است
60٪ کامل است
60٪ کامل است
60٪ کامل است
60٪ کامل است
60٪ کامل است

میله مهارت

اگر می خواهید فقط نوار مهارت متحرک ایجاد کنید wow animated progress-animated

فتوشاپ 85٪
60٪ کامل است
ویرایشگر کد 90٪
60٪ کامل است
تصویرگر 65٪
60٪ کامل است
تغییرات
پیشرفت خوب

مثال

نوار پیشرفت پیش فرض.

25٪

نمونه های متنوع

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

نمونه راه راه

برای ایجاد یک اثر راه راه از شیب استفاده می کند.

نمونه اندازه

ما فقط طولمقدار را روی آن تنظیم می کنیم .progress، بنابراین اگر آن مقدار را تغییر دهید ، داخلی .progress-barبه طور خودکار مطابق اندازه تغییر می کند.

نمونه

استفاده از کلاس .progress-vertical.

نمونه

استفاده از کلاس .progress-vertical-bottom.