FauxProgress

Faux Progress is used to display simulated progress status for a task that takes a long time.

React

value

Pass value to override the faux progress and manually control progress

isLoading and duration

Pass isLoading and optionally pass a duration value.

Callbacks

There are some callback props that the component accepts

• You can add onProgress prop and on onComplete prop to get current progress and completion callback

Color mode

By default, Progress uses the color mode context to determine whether to display a dark or light placeholder animation. Pass colorMode to manually force a color mode.

Accessibility

• FauxProgress has a role set to progressbar to denote that it is a progress.