# Widget Configuration & Display Settings

To configure this program widget, go to **Side Menu &gt; Admin &gt; Widgets &gt; Program Widget.**

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

  
On the program widget page, you will see the following configuration options:

- **Sync User’s Grades:** When enabled, student grades are recalculated in the background every time the dashboard loads. This ensures the progress bar always reflects the most recent academic data.

#### <span style="color: rgb(18, 64, 114);">**Progress Bar:**</span>

The progress bar provides a graphical representation of the learner's completion status.

- Enabled: Toggle the progress bar on or off.
- Color Stages: You can customize the colors based on three completion tiers to match your institution's branding:
- - **0%–49%:** Initial progress **(Default: <span style="color: rgb(186, 55, 42);">Red</span>).**
    - **50%–79%:** Mid-way progress **(Default: <span style="color: rgb(204, 167, 22);">Yellow</span>).**
    - **80%–100%:** Near completion/Success **(Default: <span style="color: rgb(45, 194, 107);">Green</span>).**

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