نوار پیشرفت
نوار های پیشرفت به منظور استفاده در مراحلی که باید بصورت ترتیبی پیاده سازی شود در نظر گرفته شده و حتی این امکان اضافه شده است که بتوانید بصورت غیرترتیبی هم در پروژه های خود استفاده کنید. بصورت کلی نوار های پیشرفت 2 نوع میباشد که شامل نوار پیشرفت افقی و نوار پیشرفت عمودی است، در نوار پیشرفت افقی 2 حالت وجود دارد که شامل: نوار پیشرفت با عنوان و نوار پیشرفت بدون عنوان است. در دومین نوع از نوار پیشرفت که بصورت عمودی است هم 4 حالت را داریم که در قسمت پایین بصورت کامل توضیح داده شده است.
نوار های پیشرفت به صورت پنج نوع است که شامل:
1- :نوار پیشرفت افقی با عنوان
برای نمایش این نوع از نوار پیشرفت نیازی به اعمال عملیات خاصی نیست و بصورت پیشفرض به این صورت است.
2- :نوار پیشرفت بدون عنوان
برای نمایش این نوع از نوار پیشرفت باید کلاس
no-label
را به تگ
v-divider
اضافه کنید.
3- :نوار پیشرفت عمودی با عنوان
برای نمایش این نوع از نوار پیشرفت فقط کافی است
props
مربوط به
v-stepper
را که
vertical
است را اضافه کنید.
4- :نوار پیشرفت عمودی بدون عنوان
برای نمایش این نوع از نوار پیشرفت فقط کافی است
props
مربوط به
v-stepper
را که
vertical
است را اضافه کنید و کلاس
no-label
را به تگ
v-divider
اضافه کنید.
5- :نوار پیشرفت عمودی بصورت عددی
برای نمایش این نوع از نوار پیشرفت فقط کافی است
class
مربوط به این نوع از نوار پیشرفت که با نام
b_numeric
است را اضافه کنید.
برای نمایش
stepper
بصورت
active
میتوانید کلاس
b_active-steps
را اضافه کنید.
برای اعمال رنگ باید نام رنگ موردنظر که فقط شامل 9 رنگ میشود را با
b_
اضافه کنین، نام تمامی رنگ های موجود به صورت ذیل میباشد:
b_inverted,
b_success,
b_brand,
b_error,
b_warning,
b_brandsec,
b_teal,
b_brandte
در نوار های پیشرفت بصورت افقی چندین حالت مختلف دارد که شامل:
1- انتخاب بصورت پیشفرض و طی کردن مراحل بصورت ترتیبی
2- انتخاب بصورت تکی و بدون کامل شدن مرحله قبلی
3- انتخاب بصورت تکی و امکان تعیین کردن بعضی مراحل بصورت تکمیل شده