This is a Harry Potter themed progress web component made using Polymer 2 library.
[ This description is mirrored from README.md at github.com/binhbbui411/harrypotter-progress on 2018-12-05 ]
Live Demo ↗
<shields-badge> is a Polymer 2 web component for generating a Harry Potter themed progress.
<harrypotter-progress active="true" size="1"></harrypotter-progress>
The element is a progress which is inspired by Harry Potter's glass and his famous lightning scar. There are some few properties which you can use (active - for running the animation, disabled - if true, loader will be hidden, size - default is 1x, if set 0.5, it will be 0.5x)
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.
- MIT License
- Polymer 2.0+
- Browser Independent