Progress circular
The v-progress-circular component is used to convey data circularly to users. It also can be put into an indeterminate state to portray loading.
Usage
In its simplest form, v-progress-circular displays a circular progress bar. Use the value prop to control the progress.
<v-progress-circular model-value="20"></v-progress-circular>API
| Component | Description |
|---|---|
| v-progress-circular | Primary Component |
Examples
Props
Color
Alternate colors can be applied to v-progress-circular using the color prop.
Indeterminate
Using the indeterminate prop, a v-progress-circular continues to animate indefinitely.
Reveal
The reveal prop animates the progress circle from 0 to its model value when the component mounts.
Rotate
The rotate prop gives you the ability to customize the v-progress-circular’s origin.
Size and Width
The size and width props allow you to easily alter the size and width of the v-progress-circular component.
Slots
Default
default slot can be used to replace the text inside the loader.