Element Settings: Course Progress Bar Settings

This article will discuss the settings found in the Course Progress Bar element. The course progress bar settings allow you to customize the appearance of the course progress bar element to suit your needs.

Table of Contents

• Requirements
• Background
• Progress Background
• Text Placement
• Height
• Width
• Supported Elements

---

Requirements

• An active ClickFunnels 2.0 account
• The Course Progress Bar element

---

Background

The background setting allows you to change the background color of the course progress bar. Click the color bar, then select your preferred background color.

Example:

Back to Top

---

Progress Background

The progress background setting lets you change the color of the progress bar. Click the color bar, then select your preferred progress bar color.

Example:

Back to Top

---

Text Placement

Use the text placement setting to adjust the position of the text inside or outside the progress bar. Click the drop-down menu, then select the text position according to your preference.

Example:

Back to Top

---

Height

Adjust the element’s height with the height setting. Move the slider to the left or to the right to decrease or increase the element’s height according to your preference.

Example:

Back to Top

---

Width

Adjust the width of the element with the width setting. Move the slider to the left or to the right to decrease or increase the element’s width according to your preference.

Example:

Back to Top

---

Supported Elements

• Course Progress Bar

Back to Top