Version:

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>