Progress

Feedback

Stable

Linear progress bar for showing task completion. Built on Radix Progress. RTL flips the fill direction automatically.

Quick Import

import { Progress } from "@cohere-ai/waypoint-ui/progress";

Live Preview

Loading Progress...

Name	Type	Default	Description
`value`	`number \| null`	-	Current progress (0–100)
`max`	`number`	`100`	Maximum value

Progress bar at 60%

1 import { Progress } from '@cohere-ai/waypoint-ui/progress';
2  
3 <Progress value={60} />

These components work well together or serve similar purposes.

Range slider for selecting numeric values or a range. Built on Radix Slider. Pass an array to value for range mode.

Pending state wrapper that blocks pointer/click/keyboard events and sets aria-busy while an async operation is in progress.

Loading spinner using Loader2Icon with spin animation. Has role="status" and accessible label via useUiLabels.

If you've encountered a bug or have feedback about the Progress component, please report it to our team. Your feedback helps us improve Waypoint.

Available for all users • Issue will be created in Linear

Your feedback helps us improve our documentation.

1	import { Progress } from '@cohere-ai/waypoint-ui/progress';
2
3	<Progress value={60} />