blob: e291c798bfbb63cc166a7ae77c19d7a0eac6790b (
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>
|
