> For the complete documentation index, see [llms.txt](https://docs.usegravity.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.usegravity.app/gravity-native/components/progress.md).

# 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="/files/hnj9ncoBdmIKGKKXgFGW" 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%' |