Circular progress indicators display progress by animating an indicator along an invisible circular track in a clockwise direction. They can be applied directly to a surface, such as a button or card.
npm install @rmwc/circular-progressCircular progress indicators display progress by animating an indicator along an invisible circular track in a clockwise direction. They can be applied directly to a surface, such as a button or card.
- Module @rmwc/circular-progress
- Import styles:
- Using CSS Loader
- import '@rmwc/circular-progress/styles';
- Or include stylesheets
- '@rmwc/circular-progress/circular-progress.css'
``jsx`
`jsx`
<>
>
`jsx`
<>
>
`jsx
<>
icon={
label="Cookies"
/>
text="Pizza"
/>
label="Donuts"
/>
>
`
| Name | Type | Description |
|------|------|-------------|
| closed | boolean | Hides the progress bar. Adding / removing this prop will trigger an animation in or out. |label
| | string | The label which will set an aria-label. |max
| | number | Max value for determinate progress bars. |min
| | number | Min value for determinate progress bars. |progress
| | number | Value for determinate progress bars. |size
| | number \| Size` | The size of the loader you would like to render. |