KAZ/webtransfer
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update ProgressBar.vue

Browse Source
This commit is contained in:
GMrrc 2024-11-22 17:26:04 +01:00
parent 8a6e41dcd9
commit 72af269615
1 changed files with 32 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/ProgressBar.vue
View File

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