# Install

```shell
npm i @mate-vue/progress-bar
```

# Import

```vue
<script setup>
import { MateProgressBar } from '@mate-vue/progress-bar';
import { MateSpinner } from '@mate-vue/spinner';
</script>
```

# Variants

## Determinate

```vue
<template>
  <MateProgressBar value="0.5"></MateProgressBar>
</template>
```

## Indeterminate

```vue
<template>
  <MateProgressBar indeterminate></MateProgressBar>
</template>
```

## Spinner

```vue
<template>
  <MateSpinner size="70px"></MateSpinner>
</template>
```