Helper Icon Image
دسترسی نامحدود

برای دسترسی به گزارش های نامحدود برای برنامه ریزی برای برنامه ریزی ارتقا دهید

ارتقا

نوار پیشرفت

نمونه

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

قد

ما فقط تنظیم کردیم height مقدار در .progress، بنابراین اگر این ارزش را تغییر دهید .progress-bar به طور خودکار تغییر اندازه می دهد. استفاده کردن .progress-sm,.progress-md,.progress-lg,.progress-xl کلاس.

چندین میله

در صورت نیاز میله های پیشرفت را در یک مؤلفه پیشرفت قرار دهید.

نوارهای متحرک

شیب راه راه نیز می تواند متحرک شود.اضافه کردن .progress-bar-animated به .progress-bar برای تحریک نوارها به راست به چپ از طریق انیمیشن های سی اس اس.

گام

اضافه کردن .progress-bar-striped به هر .progress-barبرای استفاده از نوار از طریق شیب سی اس اس بر روی رنگ پس زمینه نوار پیشرفت.

برچسب

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

25%
متن برچسب برای نوار پیشرفت ، روی رنگ تیره تنظیم کنید

پیشینه

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

زمینه ها (سفارشی)

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

راه راه

اضافه کردن .progress-bar-striped به هر .progress-bar برای استفاده از نوار از طریق شیب سی اس اس بر روی رنگ پس زمینه نوار پیشرفت.

تنظیمات پوسته
رنگ
روشن
تیره
چینش
منعطف
جدا
رنگ قسمت بالا
روشن
تیره
گردینت
رنگ منو
روشن
تیره
برند
اندازه سایدبار
پیشفرض
فشرده
متراکم
نمای هاور
چینش کامل
مخفی
عرض صفحه
موقعیت چینش