0.2.0 • Published 5 years ago
jwe-progress v0.2.0
JWE Progress
Installation
Install via NPM:
npm i jwe-progress --save
Dependencies
You will need to install and configure the react-native-svg npm package in order for this package to work.
npm i react-native-svg
Usage
At this point there is 2 progress indicators: <Progress.Circle> and <Progress.Line>.
Example
<Progress.Circle percentage="20" size="15" color="#000000" bkgdColor="#e8e8e8" lineWidth="2" />
<Progress.Line percentage="20" size="15" color="#000000" bkgdColor="#e8e8e8" lineWidth="2" />
Props
| Prop | Default | Description |
|---|---|---|
| percentage | 0 | The percentage of progress the chart should display. |
| size | 60 | The width of the progress indicator in pixels. This sets the height and width. |
| color | #000000 | The HEX color value of the fill line. |
| bkgdColor | #e8e8e8 | The HEX color value of the background circle. |
| lineWidth | 2 | The width of the fill line. |