Fills a bar from 0% to 100%.
| 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. |
| 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 |
Go here to try the demo.
 |
|
|---|---|
| Andreas Mehlsen | You? |
Licensed under MIT.