# Progress

An indicator showing the progress of a task.

> Based on [Reka UI Progress](https://reka-ui.com/docs/components/progress)

## Key Props

- `max`: to set the maximum value of the Progress.
- `status`: to display the current Progress value above the bar.
- `animation`: to change the animation of the Progress to an inverse carousel, a swinging bar or an elastic bar.
- `orientation`: to change the orientation of the Progress.
- `color`: to change the color of the Slider.
- `size`: to change the size of the Slider.
- `inverted`: to visually invert the Progress.

## Usage

```vue
<UProgress
  <!-- props here -->
/>
```