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

# Progress Bars

> Add a progress bar and set its style, color, and start and end points.

Progress bars visually indicate the playback progress of a video or segment.

[<img src="https://mintcdn.com/descript-5bf56f3f/cSbTRRN32pg3UC1d/images/external/descript-10301666310797-f909598313.gif?s=7a55a1ae6d65909682b42951314107bc" alt="GIF of different style progress bars." width="696" height="392" data-path="images/external/descript-10301666310797-f909598313.gif" />](/images/external/descript-10301666310797-f909598313.gif)

## Add a progress bar

To add a progress bar, open the **Elements** panel and select one of the progress bar options.

<img src="https://mintcdn.com/descript-5bf56f3f/3j47b3XLm5VXH3bx/images/external/descript-38926537520781-ae26e0f73d.png?fit=max&auto=format&n=3j47b3XLm5VXH3bx&q=85&s=286285482f8b9cc19ba933f9891b3b90" alt="Progress bar options in the Elements panel." width="1938" height="1056" data-path="images/external/descript-38926537520781-ae26e0f73d.png" />

## Customize progress bar properties

Select a progress bar and adjust its appearance in the [Properties panel](/descript-tour/properties-panel).

|                       |                                                                        |
| --------------------- | ---------------------------------------------------------------------- |
| **Color and opacity** | Change the color and transparency of the bar.                          |
| **Style**             | Choose from Bar, Ring, or Pie styles.                                  |
| **Start**             | Set the starting percentage. For example, 25% begins one-quarter full. |
| **End**               | Set the ending percentage. For example, 50% fills the bar halfway.     |
