diff --git a/docs/components/progress/examples/FwbProgressExampleLabelInside.vue b/docs/components/progress/examples/FwbProgressExampleLabelInside.vue
index d57ba862..21a62f1d 100644
--- a/docs/components/progress/examples/FwbProgressExampleLabelInside.vue
+++ b/docs/components/progress/examples/FwbProgressExampleLabelInside.vue
@@ -5,6 +5,15 @@
     label-progress
     size="lg"
   />
+
+  <div class="mb-4" />
+
+  <fwb-progress
+    :progress="0"
+    label-position="inside"
+    label-progress
+    size="lg"
+  />
 </template>
 
 <script setup>
diff --git a/docs/components/progress/examples/FwbProgressExampleLabelOutside.vue b/docs/components/progress/examples/FwbProgressExampleLabelOutside.vue
index 1e8da10a..1b5d9dd9 100644
--- a/docs/components/progress/examples/FwbProgressExampleLabelOutside.vue
+++ b/docs/components/progress/examples/FwbProgressExampleLabelOutside.vue
@@ -5,6 +5,15 @@
     label-progress
     label="Flowbite Vue 3"
   />
+
+  <div class="mb-4" />
+
+  <fwb-progress
+    :progress="0"
+    label-position="outside"
+    label-progress
+    label="Flowbite Vue 3"
+  />
 </template>
 
 <script setup>
diff --git a/src/components/FwbProgress/FwbProgress.vue b/src/components/FwbProgress/FwbProgress.vue
index efbc7eae..283d0e22 100644
--- a/src/components/FwbProgress/FwbProgress.vue
+++ b/src/components/FwbProgress/FwbProgress.vue
@@ -18,9 +18,10 @@
       class="w-full bg-gray-200 rounded-full dark:bg-gray-700"
     >
       <div
+        v-if="displayBar"
         :class="innerClasses"
-        :style="{ width: progress + '%' }"
-        class="rounded-full font-medium text-blue-100 text-center p-0.5"
+        :style="{ width: safeProgress + '%' }"
+        class="rounded-full font-medium text-blue-100 text-center p-0.5 min-w-max box-border"
       >
         <template v-if="labelProgress && labelPosition === 'inside'">
           {{ progress }}%
@@ -31,7 +32,7 @@
 </template>
 
 <script lang="ts" setup>
-import { toRefs } from 'vue'
+import { computed, toRefs } from 'vue'
 import { useProgressClasses } from './composables/useProgressClasses'
 import type { ProgressLabelPosition, ProgressSize, ProgressVariant } from './types'
 
@@ -44,6 +45,13 @@ interface IProgressProps {
   size?: ProgressSize
 }
 
+const progressSafeSizes: Record<ProgressSize, number> = {
+  sm: 1,
+  md: 2,
+  lg: 3,
+  xl: 4,
+}
+
 const props = withDefaults(defineProps<IProgressProps>(), {
   color: 'default',
   label: '',
@@ -53,6 +61,15 @@ const props = withDefaults(defineProps<IProgressProps>(), {
   size: 'md',
 })
 
+const safeProgress = computed(() => {
+  const size = progressSafeSizes[props.size]
+  return props.progress <= size ? size : props.progress
+})
+
+const displayBar = computed(() => {
+  return props.labelPosition === 'inside' || props.progress > 0
+})
+
 const {
   innerClasses,
   outerClasses,