Progress

A visual indicator for completion, rollout, and long-running steps.

The Progress Component

Launch readiness

84%

Basic Usage

Code Snippet

<script lang="ts">		import { Progress } from '$lib/components';	</script> 	<Progress value={72} ariaLabel="Launch progress" />

Examples

Milestones

Use multiple progress bars to compare related phases of the same workflow.

Content review

96%

Operations handoff

62%