https://github.com/pfelements/pf-progress-slider

Polymer 2.0, custom web component, Interactive progress with different types of responsive indicators, highly customizable and visually appealing.
https://github.com/pfelements/pf-progress-slider

Last synced: 13 days ago
JSON representation

Polymer 2.0, custom web component, Interactive progress with different types of responsive indicators, highly customizable and visually appealing.

• Host: GitHub
• URL: https://github.com/pfelements/pf-progress-slider
• Owner: PFElements
• License: mit
• Created: 2017-07-27T17:14:31.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-09-14T14:55:10.000Z (over 7 years ago)
• Last Synced: 2024-11-06T01:12:31.649Z (2 months ago)
• Language: HTML
• Size: 42 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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