20 lines
420 B
Vue
20 lines
420 B
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue';
|
|
|
|
|
|
interface Props {
|
|
value: number;
|
|
total: number;
|
|
}
|
|
|
|
const props = defineProps<Props>();
|
|
|
|
const percentage = computed(() => (props.value / props.total) * 100);
|
|
</script>
|
|
|
|
<template>
|
|
<div class="w-full bg-gray-600 rounded-full h-2.5">
|
|
<div class="bg-emerald-600 h-2.5 rounded-full" :style="{ width: percentage + '%'}" />
|
|
</div>
|
|
</template>
|