Skip to content

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

Notifications You must be signed in to change notification settings

binbalenci/harrypotter-progress

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Published on webcomponents.org
Vaadin Directory: Published on Vaadin  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 ↗

<harrypotter-progress> 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)

About

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

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages