A progress bar visually represents the progress of a task or operation.
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | Content to display alongside the progress bar. | |
| className | string (optional) | Additional classes to apply for custom styling. | |
| variant | "primary" | "destructive" | "outline" | "accent" | "primary" | The visual style of the progress bar, affecting color and border styles. |
| ...props | ReactAriaProgressBarProps | Additional properties from the ReactAriaProgressBar component. |
Check out the official documentation of React Aria Progress Bar for more details.