**[ This description is mirrored from README.md at [github.com/wiredjs/wired-progress](https://github.com//wiredjs/wired-progress/blob/v0.5.0/README.md) on 2019-05-10 ]**  # wired-progress Hand-drawn sketchy progress bar web component. For demo and view the complete set of wired-elememts: [wiredjs.com](http://wiredjs.com/) Learn about web components [here](https://www.webcomponents.org/introduction). ## Usage Add wired-progress to your project: ``` npm i wired-progress ``` Import wired-progress definition into your HTML page: ```html ``` Or into your module script: ```javascript import { WiredProgress } from "wired-progress" ``` Use it in your web page: ```html ``` ### Properties **value** - Numeric value of the progress. **min** - Minimum value. Default is 0. **max** - Maximum value. Default is 100. **percentage** - Boolean indicating if the label should show a % symbol. ### Custom CSS Variables **--wired-progress-label-color** Color of the label. **--wired-progress-font-size** Font size of the label. **--wired-progress-color** Color of the progress bar. Default is *rgba(0, 0, 200, 0.1)*.