harrypotter-progress
This is a Harry Potter themed progress web component made using Polymer 2 library.
[ This description is mirrored from README.md at github.com/binhbbbb/harrypotter-progress on 2019-05-14 ]
<harrypotter-progress>
<shields-badge> is a Polymer 2 web component for generating a Harry Potter themed progress.
<harrypotter-progress active="true" size="1"></harrypotter-progress>
Getting Started
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)
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.3.1
- Released
- 2018-03-05
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent
harrypotter-progress - Vaadin Add-on Directory
This is a Harry Potter themed progress web component made using Polymer 2 library.
**[ This description is mirrored from README.md at [github.com/binhbbbb/harrypotter-progress](https://github.com//binhbbbb/harrypotter-progress/blob/v1.0.1/README.md) on 2019-05-14 ]**
[](https://www.webcomponents.org/element/vaadin/vaadin-button)
Vaadin Directory:
[](https://vaadin.com/directory/component/binhbbui411shields-badge)
[](https://vaadin.com/directory/component/binhbbui411shields-badge)
[](https://vaadin.com/directory/component/binhbbui411shields-badge)
[](https://vaadin.com/directory/component/binhbbui411shields-badge)
[](https://vaadin.com/directory/component/binhbbui411shields-badge)
[](https://vaadin.com/directory/component/binhbbui411shields-badge)
# <harrypotter-progress>
[Live Demo ↗]()
[<shields-badge>](https://vaadin.com/directory/component/binhbbui411shields-badge) is a [Polymer 2](http://polymer-project.org) web component for generating a Harry Potter themed progress.
```html
```

# Getting Started
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)