---
id: linearProgress
title: Linear Progress
---

import Props from './props/linearProgress.md'

Progress indicators inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates. They communicate an app’s state and indicate available actions, such as whether users can navigate away from the current screen.

<div className="component-preview component-preview--grid component-preview--grid-10">
  <figure>
    <img src="/img/linearProgress.gif" alt="Linear Progress" />
    <figcaption>Linear Progress</figcaption>
  </figure>
</div>

## Usage

```js
import { LinearProgress } from 'react-native-elements';
```

```js
<LinearProgress color="primary" />
```

---

<Props />

---
