progress-bar

➤ wl-progress-bar

Fills a bar 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		Animation mode.
role	role	AriaRole	"progressbar"	Role of the progress behavior.
value	value	number	0	Progress value.

➤ CSS Custom Properties

Property	Description
--progress-bar-bg	Background
--progress-bar-buffer-color	Color of the buffer
--progress-bar-color	Color
--progress-bar-determinate-transition	Transition when determinate
--progress-bar-height	Height
--progress-bar-indeterminate-duration	Duration of the indeterminate animation
--progress-bar-indeterminate-short-delay	Delay of the short bar of indeterminate animation
--progress-bar-indeterminate-timing-function	Timing function of the indeterminate animation

➤ Usage

Go here to try the demo.

➤ Contributors

Andreas Mehlsen	You?

➤ License

Licensed under MIT.