Animated Circular Progress Wheel For React Native

A React Native component for creating natively animated, circular progress wheel.

How to use it:

1. Install & import.

# Yarn
$ yarn add react-native-progress-wheel

$ npm i react-native-progress-wheel

import AnimatedProgressWheel from ‘react-native-progress-wheel’;

2. Add the <AnimatedProgressWheel /> component to the app.


3. Default props.

color: 'white',
backgroundColor: 'gray',
size: 200,
width: 25,
progress: 0,
duration: 600,
animateFromValue: -1,
fullColor: null,
onAnimationComplete: () => {},



Download Details:

Author: RobertFOConnor

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License: MIT

Add Comment