# Progress bar

<!-- WARNING: THIS FILE WAS AUTOGENERATED! DO NOT EDIT! -->

A progress bar displays the progress of a task or process. The progress bar visually indicates how much of the task is complete. This component helps users track progress in real time.

## Example

![Example](/img/progress-bar-appcard.png)

## JSON example

```json
{
    "content": {
        "settings": {},
        "body": [
            {
                "type": "progress_bar",
                "value": 50
            }
        ]
    }
}
```