https://github.com/rmdort/polymer-progress-bar

Progress bar with polymerJS
https://github.com/rmdort/polymer-progress-bar

Last synced: 18 days ago
JSON representation

Progress bar with polymerJS

• Host: GitHub
• URL: https://github.com/rmdort/polymer-progress-bar
• Owner: rmdort
• Created: 2014-04-01T04:00:45.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-04-01T04:02:13.000Z (over 10 years ago)
• Last Synced: 2024-10-13T18:48:52.947Z (about 1 month ago)
• Language: JavaScript
• Size: 125 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# <progress-bar>

Progress bar with polymerJS

> Maintained by [Vinay](https://github.com/rmdort).

** Styling only works with Chrome canary **

## Demo

> [Check it live](http://rmdort.github.io/polymer-progress-bar).

## Usage

1. Import Web Components' polyfill:

    ```html

    

    

    ```

2. Import Custom Element:

    ```html

    

    ```

3. Start using it!

    ```html

    

    ```

## Setup

In order to run it locally you'll need a basic server setup.

1. Install [NodeJS](http://nodejs.org/download/).

2. Install [GruntJS](http://gruntjs.com/):

    ```sh

    $ [sudo] npm install -g grunt-cli

    ```

3. Install local dependencies:

    ```sh

    $ npm install

    ```

4. Run a local server and open `http://localhost:8000`.

    ```sh

    $ grunt connect

    ```

## Options

Attribute  | Options                   | Default             | Description

---        | ---                       | ---                 | ---

`border`   | *string*                  | `10px`              | Border radius

`value`    | *string*                  | `20%`               | Default value

`progressColor`   | *string*                     | `#eee`               | Default background color

`barColor`    | *string*                  | `#000`               | Color of the progress bar

## Contributing

1. Fork it!

2. Create your feature branch: `git checkout -b my-new-feature`

3. Commit your changes: `git commit -m 'Add some feature'`

4. Push to the branch: `git push origin my-new-feature`

5. Submit a pull request :D

## History

For detailed changelog, check [Releases](https://github.com/webcomponents/element-boilerplate/releases).

## License

[MIT License](http://opensource.org/licenses/MIT)