Progress

A bar that shows how far a task has progressed.

Preview

Loading Preview...

bun add xiod-ui

1import {2  Progress,3  ProgressIndicator,4  ProgressLabel,5  ProgressTrack,6  ProgressValue7} from "xiod-ui/progress";

Detailed documentation of properties and options.

Accepts className, style and render, plus every native attribute of the element it renders.

Prop	Type	Default	Description
`value`Req	`number`\|`null`	–	The current value. The component is indeterminate when value is `null`.
`aria-valuetext`	`string`	–	A string value that provides a user-friendly name for `aria-valuenow`, the current value of the progress bar.

Accepts className, style and render, plus every native attribute of the element it renders.

Accepts className, style and render, plus every native attribute of the element it renders.

Accepts className, style and render, plus every native attribute of the element it renders.

Accepts className, style and render, plus every native attribute of the element it renders.

Prop	Type	Default	Description
`children`	`((formattedValue: string \| null, value: number \| null) => ReactNode) \| null`	–	The content of the component.