# rn-progress-bar

> A simple Progress bar for React Native applications

Latest version **1.1.2** (published 2019-08-20) · ISC license · 0 weekly downloads

## Install

```sh
npm install rn-progress-bar
pnpm add rn-progress-bar
yarn add rn-progress-bar
bun add rn-progress-bar
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.2 |
| Published | 2019-08-20 |
| First published | 2019-08-20 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Abhishek P |
| Maintainers | abhisheknairofficial |
| Keywords | react, react native, progressbar, ui components |

## Links

- npm: https://www.npmjs.com/package/rn-progress-bar
- Repository: github.com/abhisheknairofficial/react-native-progressbar
- npm.io page: https://npm.io/package/rn-progress-bar

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.1.2 (latest) — 2019-08-20
- 1.1.1 — 2019-08-20
- 1.1.0 — 2019-08-20
- 1.0.2 — 2019-08-20
- 1.0.1 — 2019-08-20

## README

# 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.

     ```js
     yarn add rn-progress-bar
     ```

     or

     ```js
     npm i rn-progress-bar
     ```

2. Import into the required file:

     ```js
    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.

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

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

---
_Source: https://npm.io/package/rn-progress-bar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._