React-native-splited-progress-bar NPM

react-native-splited-progress-bar

Screenshot_20200104-111024

Installation

$ npm install react-native-splited-progress-bar --save

Usage

import {CircleProgressBar, ProgressBar} from 'react-native-splited-progress-bar';

<CircleProgressBar
    percentage={24}
/>
<ProgressBar
    percentage={24}
/>

`CircleProgressBar`

Prop	Description	Default
`percentage`	number of percentage	`0`
`size`	size of progress bar to show in app	`100`
`splited`	splited progressbar or not	`true`
`compeletedColor`	Color of the circle.	`#39bc65`
`inCompeletedColor`	Color of the inCompeleted area.	`#C1C1C1`
`innerComponent`	The component to show in progresbar	`Component`
`isRtl`	for Rtl application	`false`

`ProgressBar`

Prop	Description	Default
`percentage`	number of percentage	`0`
`size`	size of progress bar to show in app	`100`
`splited`	splited progressbar or not	`false`
`compeletedColor`	Color of the circle.	`#39bc65`
`inCompeletedColor`	Color of the inCompeleted area.	`#C1C1C1`
`isRtl`	for Rtl application	`false`