From 846f6f66f05c86be32a7368879a0a67083592d4a Mon Sep 17 00:00:00 2001
From: Andrey Akulov <andreyjamer@gmail.com>
Date: Mon, 30 Sep 2024 15:48:15 +0500
Subject: [PATCH] fix: Fixed display of 0% inside label in progress bar

---
 .../progress/examples/FwbProgressExampleLabelInside.vue    | 7 +++++++
 src/components/FwbProgress/FwbProgress.vue                 | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/docs/components/progress/examples/FwbProgressExampleLabelInside.vue b/docs/components/progress/examples/FwbProgressExampleLabelInside.vue
index d57ba862..cf6e129b 100644
--- a/docs/components/progress/examples/FwbProgressExampleLabelInside.vue
+++ b/docs/components/progress/examples/FwbProgressExampleLabelInside.vue
@@ -5,6 +5,13 @@
     label-progress
     size="lg"
   />
+
+  <fwb-progress
+    :progress="0"
+    label-position="inside"
+    label-progress
+    size="lg"
+  />
 </template>
 
 <script setup>
diff --git a/src/components/FwbProgress/FwbProgress.vue b/src/components/FwbProgress/FwbProgress.vue
index efbc7eae..953d3bc2 100644
--- a/src/components/FwbProgress/FwbProgress.vue
+++ b/src/components/FwbProgress/FwbProgress.vue
@@ -20,7 +20,7 @@
       <div
         :class="innerClasses"
         :style="{ width: progress + '%' }"
-        class="rounded-full font-medium text-blue-100 text-center p-0.5"
+        class="rounded-full font-medium text-blue-100 text-center p-0.5 min-w-max"
       >
         <template v-if="labelProgress && labelPosition === 'inside'">
           {{ progress }}%