progress-spinner

a material design inspired spinner that also supports progress indication

View larger

Close

[ This description is mirrored from README.md at github.com/Juravenator/progress-spinner on 2019-05-10 ]

progress-spinner

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

Demo and API Docs

Usage

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

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

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

Styling

The following custom properties are available for styling:

Links

• GitHub Homepage
• Issue tracker
• View on GitHub
• Documentation
• Online Demo

Compatibility