Skip to content

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.

API ​

ComponentDescription
v-progress-circularPrimary 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.

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.

Released under the MIT License.