Progress
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Loading preview…
1<script lang="ts">
2 import { Progress } from './index.js';
3</script>
4
5<Progress value={66} max={100} class="w-[60%]" />
6Installation
1. Install dependencies
2. Copy these files into your project
- ~/components/progress/progress.svelte
- ~/components/progress/index.ts
Usage
Use progress for determinate task completion. Pass value and optional max (default 100).
1<script lang="ts">
2 import { Progress } from '~/components/progress';
3</script>
4
5<Progress value={66} max={100} class="w-[60%]" />