Progress

Displays an indicator showing the completion progress of a task.

Import

import * as Progress from '@base-ui/react/progress';

Groups all parts of the progress bar and provides the task completion status to screen readers.

status: ‘indeterminate’ | ‘progressing’ | ‘complete’ - The current status of the progress

The track that contains the progress indicator.

The filled portion of the track that represents the progress.