blob: cba9e0f5f560c28b29cd324867fbdddeafb5af59 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<script lang="ts">
import type { ProgressFieldView } from "../logic/types";
let { field }: { field: ProgressFieldView } = $props();
const percent = $derived(Math.round(field.value * 100));
</script>
<div>
<span>{field.label}</span>
<progress max="100" value={percent}>{percent}%</progress>
<span>{percent}%</span>
</div>
|
