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.
**[ 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
Follow @polymerio)
- [Facebook](https://www.facebook.com/polymerjs)
- [Google+](https://plus.google.com/116168214823506639166)
- [YouTube](https://www.youtube.com/channel/UCDKqvDyAn_QTBvCPvrZKTkw)
### Some ways to help:
- **Test the elements and provide feedback**: We would love to hear your feedback on anything related to the elements, like features, API and design. The best way to start is by trying them out. And to get a quick response, either drop a question/comment on the chat or open an issue in GitHub.
- **Report bugs**: File issues for the elements in their respective GitHub projects.
- **Send pull requests**: If you want to contribute code, check out the development instructions below.
We encourage you to read the [contribution instructions by GitHub](https://guides.github.com/activities/contributing-to-open-source/#contributing) also.
## License
MIT License
LicenseView on GitHub
Online Demo
Documentation
GitHub Homepage
Issue tracker
pf-progress-slider version 0.1.0
### Dependencies
Polymer/polymer
* PolymerElements/paper-slider
pf-progress-slider version 0.1.1
### Dependencies
Polymer/polymer
* PolymerElements/paper-slider
pf-progress-slider version 0.1.2
### Dependencies
Polymer/polymer
* PolymerElements/paper-slider