# Progress Bar

The `Progress Bar` component displays a progress bar and a percentage indicating how much of the form has been completed.

The percentage defaults to an automatic value based on the user's progress, but it can also be manually set in the Properties panel.

<figure><img src="https://640450274-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHAVngDAEk3s8Bw7P6Ntz%2Fuploads%2FS50ysx0ynIcLbVGP56XU%2Fdocs_element-progress.png?alt=media&#x26;token=15ca56fb-04e5-4e82-aeec-8ded343e4208" alt="Screenshot of a progress bar element selected."><figcaption></figcaption></figure>

### For Developers <a href="#example" id="example"></a>

The Feathery SDK and API reference progress bar components with `type` equal to `progress_bar`