progress-spinner
a material design inspired spinner that also supports progress indication
[ 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
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:
Custom property | Description | Default |
---|---|---|
--spinner-color |
Color or the spinner | --primary-color , #2196F3 |
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- polymer#2.0.0-rc.3
- iron-component-page#2.0-preview
- iron-demo-helpers#2.0-preview
- Released
- 2017-03-20
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent
progress-spinner - Vaadin Add-on Directory
a material design inspired spinner that also supports progress indicationIssue tracker
View on GitHub
Documentation
Online Demo
progress-spinner version 0.1
### Dependencies
* polymer#2.0.0-rc.3
* iron-component-page#2.0-preview
* iron-demo-helpers#2.0-preview
progress-spinner version 0.1.0
### Dependencies
* polymer#2.0.0-rc.3
* iron-component-page#2.0-preview
* iron-demo-helpers#2.0-preview
progress-spinner version 0.1.1
### Dependencies
* polymer#2.0.0-rc.3
* iron-component-page#2.0-preview
* iron-demo-helpers#2.0-preview
progress-spinner version 0.1.2
### Dependencies
* polymer#2.0.0-rc.3
* iron-component-page#2.0-preview
* iron-demo-helpers#2.0-preview