Animated React Native Progress Bar
The smallest, most performant, animated progress bar for React Native apps
Silky smooth animations and complete styling flexibility
Works with Expo and bare React Native apps.
Zero dependencies.
Demos
Try it out for yourself on Expo Snack! Make sure to run it on a mobile to see it working properly.
Peer Dependencies
This component will work in your React Native Project without any peer dependencies
Installation
Supports React Native >= 0.59.0 and React >= 16.8.0.
Just run:
npm install animated-react-native-progress-bar
or
yarn add animated-react-native-progress-bar
Examples
To-Do List

Loading Bar

Props
Custom Styles
Contributing
Contributions to this project are more than welcome.
Dev Setup
To get this project running locally:
- Clone the Git repo.
- Run
yarn setupfrom the project root (this installs the dev dependencies and the example's additional dependencies) - Run
yarn startto start the example in Expo Go. - Start adding cool stuff! Your changes should be immediately reflected in the Expo Go app.
GitHub Guidelines
There are two permenant branches: main and develop. You should never work directly on either of these branches.
- Create a new branch off
developfor your work using the patternfeature/{DESCRIPTION}. - When you think your work is ready for review, submit a PR from your branch back to
develop. - Once the PR is resolved, your work will be merged into
develop, and will be included in the next major/minor release.
License
This project is licensed under the MIT License.
Keywords
reactreact-nativeexpoprogressprogress-barloadingloading-barprogressbaranimated-progressanimated-progress-barexpo-progressexpo-progress-barexpo-progressbarexpo-loadingexpo-loading-barexpo-loadingbarexpo-animated-progressexpo-animated-progress-barreact-native-progressreact-native-progress-barreact-native-progressbarreact-native-loadingreact-native-loading-barreact-native-loadingbarreact-native-animated-progressreact-native-animated-progress-barefficient-progress-barefficient-animated-progress-barlightweight-progress-barlightweight-animated-progress-barreact-native-ui-componentreact-native-loadingcustomizable-progress-barreact-native-custom-progressreact-native-performant-progressreact-native-easy-progressstylish-progress-barexpo-smooth-progress-barreact-native-smooth-progress-bar