> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bosscart.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Progress bar widget

> Progress bars are great for visually tracking completion across pages, blocks, and funnels.

Progress bars are great for **visually tracking completion** across pages, blocks, and funnels.

* **Go to Widgets** – Open the **Widgets panel** in your editor.
* **Select "Progress Bar"** – Add it to your page for real-time tracking.
* **Use in Dynamic URLs** – The progress bar can also be **integrated into dynamic links** for adaptable tracking.

This ensures **smooth user experience** while keeping progress visually engaging!

<img src="https://mintcdn.com/alavon365/zazDpBR889DAW7oG/images/builder/1fec2d43b5e9d7bf.png?fit=max&auto=format&n=zazDpBR889DAW7oG&q=85&s=a5df803dddec70b9e5653cc305105979" alt="" width="768" height="468" data-path="images/builder/1fec2d43b5e9d7bf.png" />

Now that you have the progress bar on your page, you can now open the settings tab to modify the look.

Progress: Set the progress % to where you need it.

Select the colour and background.

Choose the height of the progress bar and whether you need it animated or not.

<img src="https://mintcdn.com/alavon365/FzeaQ9w7x4DDlcd4/images/builder/4a5639fd08a547ac.png?fit=max&auto=format&n=FzeaQ9w7x4DDlcd4&q=85&s=06f59e5ecd96e7de3bca0a218021b20b" alt="" width="929" height="513" data-path="images/builder/4a5639fd08a547ac.png" />

### Dynamic Bar Url

To make your progress bar dynamic, add a URL string to your page domain where the progress bar is included. This will automatically update the progress percentage based on the URL string parameter you set.

[WWW.YOURDOMAIN/PAGE?progress=20%](http://www.yourdomain/PAGE?progress=20%) This will change the progress bar % to 20%. You can modify the % to suit your needs.