Directory

← Back

harrypotter-progress

This is a Harry Potter themed progress web component made using Polymer 2 library.

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/binhbbbb/harrypotter-progress on 2019-05-14 ]

Published on webcomponents.org
Vaadin Directory: Published on vaadin.com/directory Star on vaadin.com/directory Rating on vaadin.com/directory Rating count on vaadin.com/directory Latest version on vaadin.com/directory Latest release date on vaadin.com/directory

<harrypotter-progress>

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>

Shield-badge is awesome

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)

Compatibility

(Loading compatibility data...)

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. harrypotter-progress - Vaadin Add-on Directory
**[ 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 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/vaadin/vaadin-button) Vaadin Directory: [![Published on vaadin.com/directory](https://img.shields.io/vaadin-directory/status/binhbbui411harrypotter-progress.svg)](https://vaadin.com/directory/component/binhbbui411shields-badge) [![Star on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/binhbbui411harrypotter-progress.svg)](https://vaadin.com/directory/component/binhbbui411shields-badge) [![Rating on vaadin.com/directory](https://img.shields.io/vaadin-directory/rating/binhbbui411harrypotter-progress.svg)](https://vaadin.com/directory/component/binhbbui411shields-badge) [![Rating count on vaadin.com/directory](https://img.shields.io/vaadin-directory/rc/binhbbui411harrypotter-progress.svg)](https://vaadin.com/directory/component/binhbbui411shields-badge) [![Latest version on vaadin.com/directory](https://img.shields.io/vaadin-directory/v/binhbbui411harrypotter-progress.svg)](https://vaadin.com/directory/component/binhbbui411shields-badge) [![Latest release date on vaadin.com/directory](https://img.shields.io/vaadin-directory/rd/binhbbui411harrypotter-progress.svg)](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 ``` ![Shield-badge is awesome](https://dl.dropbox.com/s/7dplrcjwdibprdm/harrypotter-progress.gif?dl=0) # 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)
Online