Skip to content

AbhishekNairOfficial/react-native-progressbar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Native Progress Bar

This is a simple component used to generate a progress bar for your react-native application.


Installation

  1. Use npm or yarn to add to your project.

    yarn add rn-progress-bar

    or

    npm i rn-progress-bar
  2. Import into the required file:

    import ProgressBar from 'rn-progress-bar';

Styling

For styling, you can pass any style object as props, and it will override the default styles of the component.

const styles = StyleSheet.create({
  progressBar: {
    height: 12,
    borderRadius: 5
  }
});

<ProgressBar
  style={styles.progressBar}
  primary='#f00'
  secondary='#fff'
  percentage={75}
/>