Progress bar

Use the progress prop to set the progress of the progress bar. Use the size prop to change the size of the progress bar.

نمایش کد
vue

Progress circle

Use the progress prop to set the progress of the progress circle. Use the size prop to change the size of the component.

نمایش کد
vue

Bar sizes

Progress bars can have different sizes. Use the size prop to change the size of the progress bar.

نمایش کد
vue

Colors

Progress bars can have different colors. Use the color prop to change the size of the progress bar.

نمایش کد
vue

Indeterminate

Progress bars can be shown in an indeterminate state. Omit the value prop to change the progress bar to an indeterminate state.

نمایش کد
vue

#<BaseProgress>

•خصوصیات

classes
Optional CSS classes to apply to the component inner elements.
نمایش مثال
vue
max
The maximum value of the progress bar.
نمایش مثال
vue
value
The current value of the progress bar. If `value` is not provided, the progress bar will be in an indeterminate state.
نمایش مثال
vue

•خصوصیات (با app.config)

color
The color of the progress bar.
نمایش مثال
vue
rounded
The radius of the progress bar.

@since

2.0.0

نمایش مثال
vue
contrast
The contrast ot the progress bar.
نمایش مثال
vue
size
The size of the progress bar.
نمایش مثال
vue

•Exposed

color
The color of the progress bar.
نمایش مثال
vue
rounded
The radius of the progress bar.
نمایش مثال
vue
contrast
The contrast ot the progress bar.
نمایش مثال
vue
size
The size of the progress bar.
نمایش مثال
vue

#<BaseProgressCircle>

•خصوصیات

animation
Enable/disable animation, or set the animation duration (in seconds).
نمایش مثال
vue
classes
Optional CSS classes to apply to the component inner elements.
نمایش مثال
vue
max
The maximum value of the progress circle.
نمایش مثال
vue
size
The size of the progress circle.
نمایش مثال
vue
thickness
The thickness of the progress circle.
نمایش مثال
vue
value
The current value of the progress circle.
نمایش مثال
vue

•خصوصیات (با app.config)

color
Defines the color of the progress circle

@since

3.0.0

نمایش مثال
vue

•Exposed

color
Defines the color of the progress circle
نمایش مثال
vue