Directory

candy-progress - Vaadin Add-on Directory

Polymer element that creates candy progress bar candy-progress - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/Collaborne/candy-progress](https://github.com//Collaborne/candy-progress/blob/v5.0.0/README.md) on 2019-05-10 ]** # candy-progress [![Bower version](https://badge.fury.io/bo/candy-progress.svg)](http://badge.fury.io/bo/candy-progress) [![Travis state](https://travis-ci.org/Collaborne/candy-progress.svg?branch=master)](https://travis-ci.org/Collaborne/candy-progress) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/Collaborne/candy-progress) [![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/Collabornegoogle-analytics-tracker-behavior) [![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/Collabornegoogle-analytics-tracker-behavior.svg)](https://vaadin.com/directory/component/Collabornegoogle-analytics-tracker-behavior) Polymer element that creates candy progress bar. This element is a native Polymer 2 element (ES6 class syntax). Use version 2.0.x for Polymer 2 hybrid mode. ## Install `bower install candy-progress --save` ## Usage Supported options: | Option | Description | | ----------------- | ----------------------------------------------------------------------------------------------------------------------- | | **progress** | Value that sets the bar fill explicitly, the value is in percentage (The range should be 0-100) | | **loop** | If set to true the bar is going to fill repetitively. | | **fill** | If set to true the bar is going to fill and stay filled. | | **speed** | Number represents the speed of bar filling (fitting values are 1 - 100, 1 the slowest and 100 the fastest) | ## Example ```html ```