React-native-simple-progress NPM

react-native-simple-progress

Easy to use and full customized horizontal progressbar.

Installation

$ npm install react-native-simple-progress --save

Usage

import Progress from 'react-native-simple-progress';

<Progress 
	progress={10} 
	height={24} 
	progressColor={'#3B7FD2'}
	borderColor={'#CCC'}
	borderRadius={25} />

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`

enter image description here

ReactNative Progress ProgressBar

prop-types react

@everything-registry/sub-chunk-2591 @infinitebrahmanuniverse/nolb-react-native-si @zalastax/nolb-react-native-si

0.1.0

7 years ago