> For the complete documentation index, see [llms.txt](https://iron-network.gitbook.io/vuely/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://iron-network.gitbook.io/vuely/vuely-vuejs/ui-components/progress.md).

# Progress

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.

[<br>](https://vuetifyjs.com/en/components/progress-circular#usage)The `v-progress-linear` component is used to convey data visually to users. They can also represent an indeterminate amount, such as loading or processing.[<br>](https://vuetifyjs.com/en/components/progress-linear#usage)

```markup
<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>
```