Update ProgressBar.vue

This commit is contained in:
GMrrc 2024-11-22 17:26:04 +01:00
parent 8a6e41dcd9
commit 72af269615

View File

@ -1,17 +1,13 @@
<template>
<div class="flex items-center w-48 h-full">
<div class="relative w-full h-2 bg-gray-200/10 rounded-full overflow-hidden">
<div
:style="{ width: value + '%' }"
class="h-full rounded-full"
:class="color"
></div>
<div :style="{ width: value + '%' }" class="h-full rounded-full" :class="color"></div>
</div>
</div>
</template>
</template>
<script>
export default {
<script>
export default {
name: "ProgressBar",
props: {
value: {
@ -32,10 +28,9 @@
return Math.max(0, Math.min(this.value, 100));
},
},
};
</script>
<style scoped>
/* Optionnel: Ajoutez un style personnalisé ici si nécessaire */
</style>
};
</script>
<style scoped>
/* Optionnel: Ajoutez un style personnalisé ici si nécessaire */
</style>