# Progress Bar Configuration

The progress bar helps instructors track the overall completion percentage of the students within a class.

**Enabled:** Toggle the bar on or off.

**Completion Color Stages:** You can customize the colors to match your institution's branding:

- **0%–49% (Initial Stage):** Displays **<span style="color: rgb(186, 55, 42);">Red</span>** when less than half the class has finished.
- **50%–79% (Midway Stage):** Displays <span style="color: rgb(148, 121, 14);">**Yellow** </span>as more students reach completion.
- **80%–100% (Success Stage):** Displays **<span style="color: rgb(22, 145, 121);">Green</span>** as the class nears full completion.

> **Note:** You can use the **color picker** or enter a specific **Hex Code** to customize these stages.

![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/AVpk14uMPXdXQy1J-embedded-image-maal7esq.png)

After making the necessary changes and selecting the fields, click the **Save button** to save your settings.