progress-spinner

➤ wl-progress-spinner

Fills a circle from 0% to 100%.

➤ Properties

Property	Attribute	Type	Default	Description
buffer	buffer	number	0	Buffer progress value.
bufferMax	bufferMax	number	1	Max buffer progress value.
bufferMin	bufferMin	number	0	Min buffer progress value.
max	max	number	1	Max progress value.
min	min	number	0	Min progress value.
mode	mode	ProgressMode	"indeterminate"	Animation mode.
role	role	AriaRole	"progressbar"	Role of the progress behavior.
value	value	number	0	Progress value.

➤ CSS Custom Properties

Property	Description
--progress-spinner-buffer-color	Color of the buffer
--progress-spinner-color	Color
--progress-spinner-determinate-progress-transition	Transition of the spinner when determinate
--progress-spinner-indeterminate-container-duration	Duration of the indeterminate animation for the container
--progress-spinner-indeterminate-progress-duration	Duration of the indeterminate animation for the spinner
--progress-spinner-indeterminate-timing-function	Timing function of the indeterminate animation
--progress-spinner-size	Width and height
--progress-spinner-stroke-width	Width of the spinner stroke

➤ Usage

Go here to try the demo.

➤ Contributors

Andreas Mehlsen	You?

➤ License

Licensed under MIT.