# react-native-awesome-progress

> Package made for displaying a data value as a visual component, simple & fully customizable

Latest version **1.0.0** (published 2021-09-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-awesome-progress
pnpm add react-native-awesome-progress
yarn add react-native-awesome-progress
bun add react-native-awesome-progress
```

## 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.0.0 |
| Published | 2021-09-06 |
| First published | 2021-09-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 4.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Eren Kulaksiz |
| Maintainers | erenkulaksiz |
| Keywords | react-native, progress-bar, progress, react-progress, react-native-awesome-progress, awesome-progress |

## Links

- npm: https://www.npmjs.com/package/react-native-awesome-progress
- Repository: https://github.com/erenkulaksiz/react-native-awesome-progress
- Homepage: https://github.com/erenkulaksiz/react-native-awesome-progress#readme
- Issues: https://github.com/erenkulaksiz/react-native-awesome-progress/issues
- npm.io page: https://npm.io/package/react-native-awesome-progress

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2

## Recent versions

- 1.0.0 (latest) — 2021-09-06

## README

# react-native-awesome-progress

## Getting started

`$ npm install react-native-awesome-progress --save`

## Usage

```js
import Progress from "react-native-awesome-progress";

<Progress value={25} height={24} progressStyle={{ borderRadius: 24 }} />;
```

### Properties

| Prop                 | Description                                   | Default              | Type                                     |
| -------------------- | --------------------------------------------- | -------------------- | ---------------------------------------- |
| **`value`**          | Current value of the progress                 | `0`                  | `integer`                                |
| **`height`**         | Height of progress, only in type 'horizontal' | `24`                 | `integer`                                |
| **`type`**           | Type of progress                              | `"horizontal"`       | `["horizontal", "vertical", "circular"]` |
| **`progressStyle`**  | Style of main progress indicator              | `null`               | `ViewStyle`                              |
| **`innerStyle`**     | Style of background of indicator              | `null`               | `ViewStyle`                              |
| **`containerStyle`** | Style of whole container                      | `null`               | `ViewStyle`                              |
| **`map`**            | Map a input value to another value            | `{min: 0, max: 100}` | `object:{min: integer, max: integer}`    |

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