---
title: "<ProgressBar />"
type: docs
permalink: docs/react/progress-bar/
alias: docs/react/progressbar/
order: 83
---

The `<ProgressBar />` component wraps the [`@uppy/progress-bar`][] plugin.

## Installation

Install from NPM:

```shell
npm install @uppy/react
```

```js
import ProgressBar from '@uppy/react/lib/ProgressBar'
import { ProgressBar } from '@uppy/react'
```

## Props

The `<ProgressBar />` component supports all [`@uppy/progress-bar`][] options as props.

```js
<ProgressBar
  fixed
  hideAfterFinish
/>
```

[`@uppy/progress-bar`]: /docs/progress-bar/