A circular progress indicator.
npm install --save-dev @smui/circular-progress
https://sveltematerialui.com/demo/circular-progress
A Circular Progress component.
-
use
:[]
- An array of Svelte actions and/or arrays of an action and its options. -
class
:''
- A CSS class string. -
indeterminate
:false
- Whether the progress value is unknown. This causes the indicator to display a cyclical animation. -
closed
:false
- Whether the indicator should be hidden. Using this instead of an#if
block is recommended, because the height of the container will not change when it is shown/hidden. -
progress
:0
- The progress to indicate. (float between 0 and 1, inclusive) -
fourColor
:false
- Whether the indeterminate indicator will cycle through four colors.
See Progress indicators in the Material design spec.
See Circular Progress in MDC-Web for information about the upstream library's architecture.