# Progress Bar

A `<ProgressBar/>` bar provides visual feedback to a user on how long an action is taking to complete.

## Preview

<div align="left"><figure><img src="https://3357577683-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LlnrBGdA8s50Vnplq1j%2Fuploads%2FPkB0jcJdRzlQart96caP%2Fprogress-bar.png?alt=media&#x26;token=c8b35ee4-6e9f-4644-8da5-65b1cec1ecc0" alt="" width="563"><figcaption></figcaption></figure></div>

## Code

```javascript
<ProgressBar 
  width={ 50 } 
  label='Goals' 
/>
```

## Props

| Prop  | Description      | Required | Value                         |
| ----- | ---------------- | -------- | ----------------------------- |
| label | text             | optional | string                        |
| width | percentage width | required | 0-100 integer or string '50%' |