From 72af269615563fa6067b04233ace120403abf1c8 Mon Sep 17 00:00:00 2001
From: GMrrc <143954951+GMrrc@users.noreply.github.com>
Date: Fri, 22 Nov 2024 17:26:04 +0100
Subject: [PATCH] Update ProgressBar.vue

---
 src/components/ProgressBar.vue | 69 ++++++++++++++++------------------
 1 file changed, 32 insertions(+), 37 deletions(-)

diff --git a/src/components/ProgressBar.vue b/src/components/ProgressBar.vue
index 49d31d8..a665734 100644
--- a/src/components/ProgressBar.vue
+++ b/src/components/ProgressBar.vue
@@ -1,41 +1,36 @@
 <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>
+  <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>
-  </template>
-  
-  <script>
-  export default {
-    name: "ProgressBar",
-    props: {
-      value: {
-        type: Number,
-        required: true,
-      },
-      label: {
-        type: String,
-        default: "Progress",
-      },
-      color: {
-        type: String,
-        default: "bg-blue-500",
-      },
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ProgressBar",
+  props: {
+    value: {
+      type: Number,
+      required: true,
     },
-    computed: {
-      clampedValue() {
-        return Math.max(0, Math.min(this.value, 100));
-      },
+    label: {
+      type: String,
+      default: "Progress",
     },
-  };
-  </script>
-  
-  <style scoped>
-  /* Optionnel: Ajoutez un style personnalisé ici si nécessaire */
-  </style>
-  
\ No newline at end of file
+    color: {
+      type: String,
+      default: "bg-blue-500",
+    },
+  },
+  computed: {
+    clampedValue() {
+      return Math.max(0, Math.min(this.value, 100));
+    },
+  },
+};
+</script>
+
+<style scoped>
+/* Optionnel: Ajoutez un style personnalisé ici si nécessaire */
+</style>
\ No newline at end of file