Table of Contents
Progress
A Progress loader communicates progress when downloading or uploading content.
Used for this
- To communicate the amount of time left when downloading or uploading content
How to use it
Default
A Progress loader represents the percent complete from 0 to 100.
Color
The default foreground color of the Progress loader bar is the success color. It can be changed.
Size
A Progress loader is medium by default. It can also be small or large.
Configuration
- Name9.2.0•View source•View on npm
- Installnpm install @zendeskgarden/react-loaders
- Depsnpm install react react-dom styled-components @zendeskgarden/react-theming
- Importimport { Progress } from '@zendeskgarden/react-loaders'
API
Progress
Extends HTMLAttributes<HTMLDivElement>
Prop name | Type | Default | Description |
---|---|---|---|
color | string | Sets the foreground bar's fill color. Accepts a color variable key (i.e. | |
size | 'small' | 'medium' | 'large' | 'medium' | Adjusts the height |
value | number | 0 | Sets the progress as a value between 0 and 100 |