Progress Indicators
Progress indicators show the status of a process in real time.
- Two styles: block and rounded
- Use the same configuration for all instances of a process (like loading)
- Never use them as decoration
- They capture attention through motion
Examples
Rounded
Block
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Two styles: block and rounded
- Use the same configuration for all instances of a process (like loading)
- Never use them as decoration
- They capture attention through motion
Examples
Rounded
Block
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Two styles: block and rounded
- Use the same configuration for all instances of a process (like loading)
- Never use them as decoration
- They capture attention through motion
Examples
Rounded
Block
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Two styles: block and rounded
- Use the same configuration for all instances of a process (like loading)
- Never use them as decoration
- They capture attention through motion
Examples
Rounded
Block
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |