Directory

pf-progress-slider - Vaadin Add-on Directory

Polymer 2.0, custom web component, Interactive progress with different types of responsive indicators, highly customizable and visually appealing. pf-progress-slider - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/PFElements/pf-progress-slider](https://github.com//PFElements/pf-progress-slider/blob/0.1.2/README.md) on 2019-05-22 ]** # pf-elements A Polymer 2.0 based collection of reusable web components [![Join the chat at https://gitter.im/pf-elements/Lobby](https://badges.gitter.im/pf-elements/Lobby.svg)](https://gitter.im/pf-elements/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/PFElements/pf-progress-slider) ## Demo [Click here for docs & demo](https://www.webcomponents.org/element/PFElements/pf-progress-slider/demo/demo/index.html) | Element Name | Latest Version (Bower) | Npm version | Build Status | |--------------|------------------------|--------------|--------------| | [pf-progress-slider](https://github.com/PFElements/pf-progress-slider) | [![GitHub version](https://badge.fury.io/gh/PFElements%2Fpf-progress-slider.svg)](https://badge.fury.io/gh/PFElements%2Fpf-progress-slider) | [![npm version](https://badge.fury.io/js/pf-progress-slider.svg)](https://www.npmjs.com/package/pf-progress-slider) |[![Build Status](https://travis-ci.org/PFElements/pf-progress-slider.svg?branch=master)](https://travis-ci.org/PFElements/pf-progress-slider) | | [pf-progress-slider]| ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your application locally. --- # A composite component `` Use this element to track the progress of the user, this can be made interactive as well and user can go back to a certain step and submit the progress again, progress bar will update the progress status with the right indication(color). #### Horizontal Example ```html ``` #### Vertical Example ```html