Progress

The Progress indicates the progress completion of a task.

If value === null || undefined it have indeterminate/loading state

<script>
    import { Progress } from 'svelte-spectre'
</script>

<Progress value="75" max="100" color="primary" />
<Progress value="50" max="100" color="warning" />
<Progress value="25" max="100" color="success" />
<Progress color="error" />
© 2022 — 2023 BASF SE

API Progress

value: number = undefined
Progress value
any number
max: number = 0
Progress max
any number
color: Colors = "light"
Progress color
gray | light | primary | secondary | success | error
invert: boolean = false
Progress invert
true | false