progress-bar | Vaadin

Lightweight vanilla JS horizontal loading bar

[ This description is mirrored from at on 2018-12-05 ]

Published on


progress-bar is a vanilla indeterminate progress bar with no dependencies that is smaller than 2KB.

<progress-bar class="salmon"></progress-bar>
<progress-bar class="fast"></progress-bar>

Finish gracefully

Use the disable attribute to let the progress bar finish gracefully instead of abruptly.

API reference

Disable the progress element using the hidden attribute.

Custom property Description Default
--progress-bar-color Color of the progress bar #37A0CE
--progress-bar-duration Duration of the animation 2s
--progress-bar-delay Delay before the animation begins 0s


Link to this version
ImportedReleased 11 May 2017Other
Framework Support
Polymer 1.0+
Browser Independent
Install with
Release notes - Version 2.0.1