diff --git a/docs/components/progress/examples/ProgressColorExample.vue b/docs/components/progress/examples/ProgressColorExample.vue
index 4015895..9f8879c 100644
--- a/docs/components/progress/examples/ProgressColorExample.vue
+++ b/docs/components/progress/examples/ProgressColorExample.vue
@@ -11,5 +11,5 @@
   </div>
 </template>
 <script setup>
-import { Progress } from '../../../../src/index'
-</script>
\ No newline at end of file
+import { Progress } from 'flowbite-vue'
+</script>
diff --git a/docs/components/progress/examples/ProgressExample.vue b/docs/components/progress/examples/ProgressExample.vue
index bd62efb..ef6b943 100644
--- a/docs/components/progress/examples/ProgressExample.vue
+++ b/docs/components/progress/examples/ProgressExample.vue
@@ -4,5 +4,5 @@
   </div>
 </template>
 <script setup>
-import { Progress } from '../../../../src/index'
+import { Progress } from 'flowbite-vue'
 </script>
diff --git a/src/components/Progress/Progress.vue b/src/components/Progress/Progress.vue
index 2237753..61cbd5b 100644
--- a/src/components/Progress/Progress.vue
+++ b/src/components/Progress/Progress.vue
@@ -43,7 +43,7 @@ const props = defineProps({
     default: 0,
   },
   size: {
-    type: String, // 'sm' | 'md' | 'lg' | 'xl'
+    type: String as PropType<ProgressSize>,
     default: 'md',
   },
 })
diff --git a/src/components/Progress/composables/useProgressClasses.ts b/src/components/Progress/composables/useProgressClasses.ts
index f97f30b..d972378 100644
--- a/src/components/Progress/composables/useProgressClasses.ts
+++ b/src/components/Progress/composables/useProgressClasses.ts
@@ -39,40 +39,26 @@ export type UseProgressClassesProps = {
 }
 
 export function useProgressClasses(props: UseProgressClassesProps): { innerClasses: Ref<string>, outerClasses: Ref<string>, outsideLabelClasses: Ref<string>} {
-  
   const bindClasses = computed(() => {
-    let colorClass = ''
-    colorClass = barColorClasses[props.color.value]
-
-    let sizeClass = ''
-    sizeClass = progressSizeClasses[props.size.value]
-
     return classNames(
-      colorClass,
-      sizeClass,
+        barColorClasses[props.color.value],
+        progressSizeClasses[props.size.value],
     )
   })
-
   const outerClasses = computed(() => {
-    let outerSizeClass = ''
-    outerSizeClass = progressSizeClasses[props.size.value]
     return classNames(
-      outerSizeClass
+        progressSizeClasses[props.size.value],
     )
   })
-
   const outsideLabelClasses = computed(() => {
-    let outsideLabelClass = ''
-    outsideLabelClass = outsideTextColorClasses[props.color.value]
     return classNames(
-      outsideLabelClass
+        outsideTextColorClasses[props.color.value],
     )
   })
 
-  
   return {
     innerClasses: bindClasses,
     outerClasses,
-    outsideLabelClasses
+    outsideLabelClasses,
   }
-}
\ No newline at end of file
+}