**[ 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)