Vuetify

Store

For Enterprise

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.

By default, progress circular uses the applications secondary color.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

Alternate colors can be applied to v-progress-circular using the color prop.

Using the indeterminate prop, a v-progress-circular continues to animate indefinitely.

The size and width props allow you to easily alter the size and width of the v-progress-circular component.

The rotate prop gives you the ability to customize the v-progress-circular's origin.

Caught a mistake or want to contribute to the documentation? Edit Layout or Content on GitHub!