The v-progress-circular
and v-progress-linear
components are used to convey data visually to users. They can also represent an indeterminate amount, such as loading or processing. These components contains a slot that is centred within the component container.
<template>
<div class="text-center">
<v-progress-circular :value="20"></v-progress-circular>
<v-progress-circular :value="40"></v-progress-circular>
<v-progress-circular :value="60"></v-progress-circular>
<v-progress-linear value="15"></v-progress-linear>
<v-progress-linear
indeterminate
color="yellow darken-2"
></v-progress-linear>
</div>
</template>