Course Element: Course Progress Bar

In this article, we will discuss the Course Progress Bar element located in the Customer Center, Courses, Modules, and Lessons page editor to help your customers see their course completion through a progress bar. The element is a great way to tell your customers how much of the course they have finished and the remaining parts that they need to do to complete the course.

The element is only available in the Customer Center, Courses, Modules, and Lessons page editor.

Table of Contents

• Requirements
• Element Information
• Settings
• Advanced Settings
• Logic
• Visibility
• Additional Information

---

Requirements

• An active ClickFunnels 2.0 account

---

Element Information

The Course Progress Bar element in ClickFunnels is a visual tool that displays the completion status of a course. It shows students how much of the course they have completed and how much remains. This helps to motivate them by providing a clear visual indicator of their progress.

Example: Editor View

Example: Live Page View

To start customizing the Course Progress Bar element, you can adjust the Settings, Advanced Settings, and Logic. These options are found in three sections within the element settings side menu:

• Settings: Modify basic properties like the progress bar’s appearance and layout.
• Advanced Settings: Fine-tune more detailed aspects such as animations and specific styles.
• Logic: Set conditions and rules for how the progress bar behaves based on user actions or other criteria.

---

Settings

• Top Margin
• Course Progress Bar Settings
• Corner
• Typography
• Shadow
• Border

Back to Top

---

Advanced Settings

• Animation
• Advanced CSS
• Custom Attributes

Back to Top

---

Logic

• Render Conditions

Back to Top

---

Visibility

• Visibility

Back to Top

---

Additional Information

• How to Manage Courses
• Courses: Courses Dashboard Overview
• Courses: How to access the Course or Lesson Editor

Back to Top