Progress bar

The progress bar component is used to visually represent the completion of a task or operation. It shows how much of the task has been completed and how much is still left.

Props

No props found for this component, run `yarn gen:docs` to generate component meta first.

Best practices

Progress bar components should:

• Give merchants an indication of how much of the task has completed and how much is left.
• Not be used for entire page loads. In this case, use the Skeleton page component.

---

Related components

• For tasks with a short load time, use the Spinner component
• For full page loads, use the Skeleton page component