@codinggist/rn-progress

rn-progress

A progress indicator component for React Native (both Android and iOS)

Installation

Install component by running following command

npm i @codinggist/rn-progress
or
yarn add @codinggist/rn-progress

This componnet is based on React Native basic components. So, linking is not required.

Usage

import { ProgressBar } from "rn-progress";

// ...

<ProgressBar width={'80%'} height={'20'} />

Props

Following are props to use this component

Prop	Type	Description
width	number | string	Width of ProgressBar in numbers or percentage
height	number | string	Height of ProgressBar in numbers or percentage
strokeWidth	number	Width of outer border or stroke
strokeColor	string	Stroke color
color	string	Color of Progressbar
startValue	number	Starting value of progress
maxValue	number	Maximum value of progress
currentValue	number	Current value of progress (can be set using states). If current value is less than start value, it will be neglected and start value will be used as current value.
backgroundColor	string	Background color for bar

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---

Note: This package is under development. Contributors are welcome to work on this package.