> ## Documentation Index
> Fetch the complete documentation index at: https://docs.reelevant.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Progress Bar & Progress Arc

> Display visual progress indicators with configurable current and maximum values

<img src="https://mintcdn.com/reelevant/10tXeCE_biVlzX8s/images/contents/component-progress-v2.png?fit=max&auto=format&n=10tXeCE_biVlzX8s&q=85&s=bfdfca2ee5aa22790a22079188c5673d" alt="Progress bar and progress arc components on the canvas" width="1280" height="800" data-path="images/contents/component-progress-v2.png" />

## Overview

The Progress Bar and Progress Arc components display visual progress indicators. They are ideal for showing completion status, inventory levels, campaign goals, or any metric with a current and maximum value.

## Progress Bar

| Property                  | Value                          |
| ------------------------- | ------------------------------ |
| **Toolbar button**        | Progress bars                  |
| **Supports data binding** | Yes — current value, max value |
| **Supports conditions**   | Yes                            |

### Progress Bar Parameters

| Property          | Description                                                                  |
| ----------------- | ---------------------------------------------------------------------------- |
| **Current value** | The current progress value. Can be static or bound to a datasource variable. |
| **Value max**     | The maximum value representing 100% completion.                              |

<Info>
  Values must be numbers. If a non-numeric value is provided, the component will show an error.
</Info>

## Progress Arc

The Progress Arc displays progress as a circular arc instead of a horizontal bar.

### Progress Arc Parameters

| Property          | Description                 |
| ----------------- | --------------------------- |
| **Current value** | The current progress value. |
| **Value max**     | The maximum value.          |
| **Angle**         | The arc angle in degrees.   |
| **Shape**         | Visual style of the arc.    |