fun-progress-circle
Component to show progress with an estimated time to completion in seconds. The circle will be ‘filled’ in 100 steps until it is ‘done’. This component works well together with the progress controller to let the user know that we are still working on an action that might take longer than 10 seconds.
For more on progress and performance see performance.
Examples
Specifications
Properties
| Property | Attribute | Required | Description | Type | Default |
|---|---|---|---|---|---|
| busy | busy | false | Set to true to start the animation | boolean | false |
| durationSecs | duration-secs | false | The number of seconds it takes to fill the circle. | number | 10 |
Parts
| Name | Description |
|---|---|
| progress-bar | can be used to style the filled part of the circle |
| ticks | can be used to style the ticks behind the filled circle |
Dependencies
This documentation page generated from the source at fun-progress-circle.tsx
