max support on Progress

Take the max property into consideration when updating the ProgressIndicator
2024-11-13 22:31:36 +01:00 · 2024-11-13 22:31:36 +01:00 · e6ca60eea4
commit e6ca60eea4
parent 4fef932f2c
1 changed files with 1 additions and 1 deletions
--- 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>