<commit_before># 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-bar)

## Demo
[Click here for docs & demo](https://www.webcomponents.org/element/PFElements/pf-progress-bar/demo/demo/index.html)

| Element Name | Latest Version (Bower) | Npm version  | Build Status |
|--------------|------------------------|--------------|--------------|
| [pf-progress-bar](https://github.com/PFElements/pf-progress-bar) | [![GitHub version](https://badge.fury.io/gh/PFElements%2Fpf-progress-bar.svg)](https://badge.fury.io/gh/PFElements%2Fpf-progress-bar) | [![npm version](https://badge.fury.io/js/pf-progress-bar.svg)](https://www.npmjs.com/package/pf-progress-bar) |[![Build Status](https://travis-ci.org/PFElements/pf-progress-bar.svg?branch=master)](https://travis-ci.org/PFElements/pf-progress-bar) | | [pf-progress-bar]|

## 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
`<pf-progress-bar></pf-progress-bar>` 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). 


# Customization and usage

This custom element can be customized in a number of ways

## Customization of look and feel



 <pf-progress-bar>

</pf-progress-bar>
```
 


Custom Event                     | Description                       
---------------------------------|----------------------------------------
`event-add`                      | Add event retuns current selected date ('e.detail.date'), fired when user press add event button  
`event-edit`                     | Edit event retuns event ('e.detail.event'),fired when user press edit event button<commit_msg>documentation<commit_after># 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-bar)

## Demo
[Click here for docs & demo](https://www.webcomponents.org/element/PFElements/pf-progress-bar/demo/demo/index.html)

| Element Name | Latest Version (Bower) | Npm version  | Build Status |
|--------------|------------------------|--------------|--------------|
| [pf-progress-bar](https://github.com/PFElements/pf-progress-bar) | [![GitHub version](https://badge.fury.io/gh/PFElements%2Fpf-progress-bar.svg)](https://badge.fury.io/gh/PFElements%2Fpf-progress-bar) | [![npm version](https://badge.fury.io/js/pf-progress-bar.svg)](https://www.npmjs.com/package/pf-progress-bar) |[![Build Status](https://travis-ci.org/PFElements/pf-progress-bar.svg?branch=master)](https://travis-ci.org/PFElements/pf-progress-bar) | | [pf-progress-bar]|

## 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
`<pf-progress-bar></pf-progress-bar>` 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). 


# Customization and usage

This custom element can be customized in a number of ways

 <pf-progress-bar>

</pf-progress-bar>

### Events
Custom Event                     | Description                       
---------------------------------|----------------------------------------
`event-add`                      | Add event retuns current selected date ('e.detail.date'), fired when user press add event button  
`event-edit`                     | Edit event retuns event ('e.detail.event'),fired when user press edit event button
{'fraction_non_alphanumeric': 0.1935483870967742, 'fraction_numerical': 0.0017555409260478386, 'mean_word_length': 2.970383275261324, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 28, 'lorem ipsum': 0, 'www.': 8, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '155453', 'n_tokens_mistral': 1388, 'n_tokens_neox': 1321, 'n_words': 315}