Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

max support on Progress

Browse Source 
Take the max property into consideration when updating the ProgressIndicator
This commit is contained in:
MrYpma 2024-11-13 22:31:36 +01:00 committed by GitHub
parent 4fef932f2c
commit e6ca60eea4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/www/src/lib/registry/default/ui/progress/Progress.vue
View File

@ -33,7 +33,7 @@ const delegatedProps = computed(() => {
> >
<ProgressIndicator <ProgressIndicator
class="h-full w-full flex-1 bg-primary transition-all" 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> </ProgressRoot>
</template> </template>