progress-spinner | Vaadin

a material design inspired spinner that also supports progress indication

[ This description is mirrored from at on 2019-05-10 ]


a material design inspired spinner for Polymer 2 that also supports progress indication

Demo and API Docs


<!-- an indeterminate spinner -->
<progress-spinner active></progress-spinner>

<!-- a pink indeterminate spinner -->
  progress-spinner[pink] {
    --spinner-color: pink;
<progress-spinner active pink progress=0></progress-spinner>

<!-- a spinner displaying 70% progress -->
<progress-spinner active progress=.7></progress-spinner>


The following custom properties are available for styling:

Custom property Description Default
--spinner-color Color or the spinner --primary-color, #2196F3


Link to this version
ImportedReleased 20 March 2017MIT License
Framework Support
Polymer 2.0+
Browser Compatibility
Install with
bower install --save Juravenator/progress-spinner"#0.1.2"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.1.2


  • polymer#2.0.0-rc.3
  • iron-component-page#2.0-preview
  • iron-demo-helpers#2.0-preview