https://github.com/binbytes/react-native-simple-progress
simple, easy and fully customize to use progressbar for React Native
https://github.com/binbytes/react-native-simple-progress
progress-bar react-native
Last synced: about 1 year ago
JSON representation
simple, easy and fully customize to use progressbar for React Native
- Host: GitHub
- URL: https://github.com/binbytes/react-native-simple-progress
- Owner: binbytes
- Created: 2018-05-29T11:55:13.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-09-21T05:28:03.000Z (over 7 years ago)
- Last Synced: 2025-02-13T06:08:15.735Z (about 1 year ago)
- Topics: progress-bar, react-native
- Language: JavaScript
- Homepage:
- Size: 29.3 KB
- Stars: 0
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-native-simple-progress
Easy to use and full customized horizontal progressbar.
## Installation
`$ npm install react-native-simple-progress --save`
## Usage
```js
import Progress from 'react-native-simple-progress';
```
### Properties
| Prop | Description | Default |
|---|---|---|
|**`progress`**|Progress of whatever the indicator is indicating. A number between 0 and 100. |`0`|
|**`height`**|Hight of Progressbar. |`24`|
|**`progressColor`**|Fill color of the indicator. |`#3B7FD2`|
|**`borderWidth`**|Width of outer border, set to `0` to remove. |`1`|
|**`borderColor`**|Color of outer border. |`#CCC`|
|**`borderRadius`**|Radius of outer border. |`25`|
