---
title: "Progress Bar Element"
description: "🎥 Progress Bar Element"
url: https://docs.optimizepress.com/en/articles/460-progress-bar-element
collection: "General Elements"
updated: 2026-03-28
language: en
---

# Progress Bar Element

🎥 Progress Bar Element

The progress bar is not required to link anything together inside OptimizePress 3. It is simply a stand-alone element which can be used to show a percentage of progress through a course, free content funnel or any other content. You simply insert the element, choose the style and set the percentage to show on the bar.

1) Open your page through OptimizePress 3 Builder and look for the Progress Bar element:

2) Drag and drop the Progress Bar element inside the page content area.

3) Configure the element by changing the progress bar percentage and customize the progress bar style:

4) Configure and customize the element by changing

**Progress bar styling**, **Text options**  and **Colour options**.

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205807_4848)

  
5) Click on text description to change or edit the progress bar percentage text: