From 4fef932f2cbd0558e7d2360bf95a6c6ddb3354b2 Mon Sep 17 00:00:00 2001
From: MrYpma <michel@mrynk.nl>
Date: Wed, 13 Nov 2024 22:26:06 +0100
Subject: [PATCH 1/5] max support on Progress

Take the max property into consideration when updating the ProgressIndicator
---
 apps/www/src/lib/registry/new-york/ui/progress/Progress.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/src/lib/registry/new-york/ui/progress/Progress.vue b/apps/www/src/lib/registry/new-york/ui/progress/Progress.vue
index 63b223f2a..f920021c4 100644
--- a/apps/www/src/lib/registry/new-york/ui/progress/Progress.vue
+++ b/apps/www/src/lib/registry/new-york/ui/progress/Progress.vue
@@ -33,7 +33,7 @@ const delegatedProps = computed(() => {
   >
     <ProgressIndicator
       class="h-full w-full flex-1 bg-primary transition-all"
-      :style="`transform: translateX(-${100 - (props.modelValue ?? 0)}%);`"
+      :style="`transform: translateX(-${100 - (props.modelValue ?? 0) * 100 / (props.max ?? 100)}%);`"
     />
   </ProgressRoot>
 </template>

From e6ca60eea4fc5231b13d3be976c1fb01850458b0 Mon Sep 17 00:00:00 2001
From: MrYpma <michel@mrynk.nl>
Date: Wed, 13 Nov 2024 22:31:36 +0100
Subject: [PATCH 2/5] max support on Progress

Take the max property into consideration when updating the ProgressIndicator
---
 apps/www/src/lib/registry/default/ui/progress/Progress.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/src/lib/registry/default/ui/progress/Progress.vue b/apps/www/src/lib/registry/default/ui/progress/Progress.vue
index ea8f6d103..5113493d8 100644
--- a/apps/www/src/lib/registry/default/ui/progress/Progress.vue
+++ b/apps/www/src/lib/registry/default/ui/progress/Progress.vue
@@ -33,7 +33,7 @@ const delegatedProps = computed(() => {
   >
     <ProgressIndicator
       class="h-full w-full flex-1 bg-primary transition-all"
-      :style="`transform: translateX(-${100 - (props.modelValue ?? 0)}%);`"
+      :style="`transform: translateX(-${100 - (props.modelValue ?? 0) * 100 / (props.max ?? 100)}%);`"
     />
   </ProgressRoot>
 </template>

From 7b85b4df4726df0e863b486464fdf42917bcf73e Mon Sep 17 00:00:00 2001
From: MrYpma <michel@mrynk.nl>
Date: Wed, 13 Nov 2024 22:47:53 +0100
Subject: [PATCH 3/5] max property example in progress documentation

---
 apps/www/src/content/docs/components/progress.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/src/content/docs/components/progress.md b/apps/www/src/content/docs/components/progress.md
index 98afe907c..474d47a16 100644
--- a/apps/www/src/content/docs/components/progress.md
+++ b/apps/www/src/content/docs/components/progress.md
@@ -44,6 +44,6 @@ import { Progress } from '@/components/ui/progress'
 </script>
 
 <template>
-  <Progress :model-value="33" />
+  <Progress :model-value="33" :max="50" />
 </template>
 ```

From 98cc62a110cbbbeaeea32bd9097d6c08a077f543 Mon Sep 17 00:00:00 2001
From: MrYpma <michel@mrynk.nl>
Date: Wed, 13 Nov 2024 22:56:41 +0100
Subject: [PATCH 4/5] set max default in props declaration

---
 apps/www/src/lib/registry/default/ui/progress/Progress.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/www/src/lib/registry/default/ui/progress/Progress.vue b/apps/www/src/lib/registry/default/ui/progress/Progress.vue
index 5113493d8..1cbba1109 100644
--- a/apps/www/src/lib/registry/default/ui/progress/Progress.vue
+++ b/apps/www/src/lib/registry/default/ui/progress/Progress.vue
@@ -11,6 +11,7 @@ const props = withDefaults(
   defineProps<ProgressRootProps & { class?: HTMLAttributes['class'] }>(),
   {
     modelValue: 0,
+    max: 100
   },
 )
 
@@ -33,7 +34,7 @@ const delegatedProps = computed(() => {
   >
     <ProgressIndicator
       class="h-full w-full flex-1 bg-primary transition-all"
-      :style="`transform: translateX(-${100 - (props.modelValue ?? 0) * 100 / (props.max ?? 100)}%);`"
+      :style="`transform: translateX(-${100 - (props.modelValue ?? 0) * 100 / props.max}%);`"
     />
   </ProgressRoot>
 </template>

From 1cb4d281ec784515ae7c01577e5e72ed222edafd Mon Sep 17 00:00:00 2001
From: MrYpma <michel@mrynk.nl>
Date: Wed, 13 Nov 2024 22:57:29 +0100
Subject: [PATCH 5/5] set max default in props declaration

---
 apps/www/src/lib/registry/new-york/ui/progress/Progress.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/www/src/lib/registry/new-york/ui/progress/Progress.vue b/apps/www/src/lib/registry/new-york/ui/progress/Progress.vue
index f920021c4..978e6d0ab 100644
--- a/apps/www/src/lib/registry/new-york/ui/progress/Progress.vue
+++ b/apps/www/src/lib/registry/new-york/ui/progress/Progress.vue
@@ -11,6 +11,7 @@ const props = withDefaults(
   defineProps<ProgressRootProps & { class?: HTMLAttributes['class'] }>(),
   {
     modelValue: 0,
+    max: 100
   },
 )
 
@@ -33,7 +34,7 @@ const delegatedProps = computed(() => {
   >
     <ProgressIndicator
       class="h-full w-full flex-1 bg-primary transition-all"
-      :style="`transform: translateX(-${100 - (props.modelValue ?? 0) * 100 / (props.max ?? 100)}%);`"
+      :style="`transform: translateX(-${100 - (props.modelValue ?? 0) * 100 / props.max}%);`"
     />
   </ProgressRoot>
 </template>