<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>
