fix: Fixed display of 0% inside label in progress bar

themesberg · Sep 30, 2024 · 846f6f6 · 846f6f6
1 parent c679aa9
commit 846f6f6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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 }}%