> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/mui/base-ui/llms.txt
> Use this file to discover all available pages before exploring further.

# Progress

> API reference for the Progress component

# Progress

Displays an indicator showing the completion progress of a task.

## Import

```tsx theme={null}
import * as Progress from '@base-ui/react/progress';
```

## Progress.Root

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

### Props

<ParamField name="value" type="number | null" required>
  The current value. The component is indeterminate when value is `null`.
</ParamField>

<ParamField name="min" type="number" default="0">
  The minimum value.
</ParamField>

<ParamField name="max" type="number" default="100">
  The maximum value.
</ParamField>

<ParamField name="getAriaValueText" type="(formattedValue: string | null, value: number | null) => string">
  Accepts a function which returns a string value that provides a human-readable text alternative for the current value of the progress bar.
</ParamField>

<ParamField name="format" type="Intl.NumberFormatOptions">
  Options to format the value.
</ParamField>

<ParamField name="locale" type="Intl.LocalesArgument">
  The locale used by `Intl.NumberFormat` when formatting the value. Defaults to the user's runtime locale.
</ParamField>

### State

* `status`: 'indeterminate' | 'progressing' | 'complete' - The current status of the progress

## Progress.Track

The track that contains the progress indicator.

## Progress.Indicator

The filled portion of the track that represents the progress.