/
dimamir
/
undb
Обзор
Документация
Войти
/
dimamir
/
undb
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
apps/frontend/src/lib/components/ui/progress/progress.svelte
21 строка
653 B
nichenqin
chore: prettier
14 май 2024, 04:57
14 май 2024, 04:57
5c0eb73
Код
Авторство
О чём код?
<script lang="ts"> import { Progress as ProgressPrimitive } from "bits-ui" import { cn } from "$lib/utils.js" type $$Props = ProgressPrimitive.Props let className: $$Props["class"] = undefined export let max: $$Props["max"] = 100 export let value: $$Props["value"] = undefined export { className as class } </script> <ProgressPrimitive.Root class={cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className)} {...$$restProps} > <div class="bg-primary h-full w-full flex-1 transition-all" style={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`} ></div> </ProgressPrimitive.Root>