circular-progress-rn

Circular progress bar for react native

Installation

npm i react-native-svg
npm i circular-progress-rn

Usage

import CircularProgress from 'circular-progress-rn';

// ...

<CircularProgress progress={50} />;

Props

|Property|Type|Default|Description| |:---|:---|:---|:---| |style|style|null|The style of external container.| |radius|number|100|The radius of circle.| |strokeWidth|number|10|The stoke width of circle.| |strokeLinecap|Linecap|null|Shape of both ends.| |backgroundTrackColor|string|'#d8d8d8'|Color of the background track.| |trackColor|string|'#fff'|Color of progress bar.| |progress|number|null|0-100|

Contributing

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

License

MIT

Made with create-react-native-library