diff --git a/src/components/Progress/composables/useProgressClasses.ts b/src/components/Progress/composables/useProgressClasses.ts
index 1e1ebd6..23d56ad 100644
--- a/src/components/Progress/composables/useProgressClasses.ts
+++ b/src/components/Progress/composables/useProgressClasses.ts
@@ -13,6 +13,11 @@ const progressColorClasses: ProgressClassMap<ProgressVariant> = {
   },
 }
 
+export type UseProgressClassesProps = {
+  color: Ref<progressColor>
+}
+
 export function useProgressClasses(props: UseProgressClassesProps): { wrapperClasses: Ref<string>} {
-  
+  let colorClasses = '';
+  colorClasses = progressColorClasses(props.gradient.value as unknown as keyof typeof progressColorClasses.default)
 }
\ No newline at end of file
diff --git a/src/components/Progress/types.ts b/src/components/Progress/types.ts
new file mode 100644
index 0000000..8d5b11a
--- /dev/null
+++ b/src/components/Progress/types.ts
@@ -0,0 +1 @@
+export type progressColor = 'default' | 'alternative' | 'dark' | 'light' | 'green' | 'red' | 'yellow' | 'purple' | 'pink' | 'blue'
\ No newline at end of file