Прогресс бар

<script setup lang="ts">
import { onBeforeUnmount, onMounted, ref } from "vue";
import { ProgressBar } from "luna";

const value = ref<number>(0);
const total = 100;
let timer = null;

onMounted(() => {
  timer = setInterval(() => {
    value.value += 1;
    if (value.value > total) {
      value.value = 0;
    }
  }, 100);
});

onBeforeUnmount(() => {
  clearInterval(timer);
});
</script>
<template>
  <ProgressBar :value="value" :total="total"></ProgressBar>
  {{ value }}
</template>

0

<template>
  <ProgressBar :busy="true" :value="value" :total="total"></ProgressBar>
  {{ value }}
</template>