mirror of
https://github.com/aleksilassila/reiverr.git
synced 2026-04-22 00:35:12 +02:00
17 lines
390 B
Svelte
17 lines
390 B
Svelte
<script lang="ts">
|
|
import { onMount } from 'svelte';
|
|
|
|
export let progress = 0;
|
|
let mounted = false;
|
|
onMount(() => {
|
|
mounted = true;
|
|
});
|
|
</script>
|
|
|
|
<div class="h-1 bg-zinc-200 bg-opacity-20 rounded-full overflow-hidden">
|
|
<div
|
|
style={'max-width: ' + (mounted ? progress : 0) + '%'}
|
|
class="h-full bg-zinc-200 bg-opacity-80 transition-[max-width] delay-200 duration-500"
|
|
/>
|
|
</div>
|