webflow svelte components logoWFS

Progress

A component that indicates the completion of a process.

API Reference

Usage

<script lang="ts">
  import { Progress } from '$lib/components/progress';
 
  let value = 70;
</script>
<Progress bind:value variant="primary" />

Properties

The Progress component extends the Bits UI <Progress> component. Find the full list of available properties in the official Bits UI documentation.

PropTypeDefault
color
string
primary

Examples

Colors

Use the color property to change the color of the progress bar.

On this page