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

# Progress

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/xquiz-12076fbf/DabTafNhExNz5i1G/images/progresso.png?fit=max&auto=format&n=DabTafNhExNz5i1G&q=85&s=59100250f3ed532de0e2e01bf7f3ed71" width="1700" height="900" data-path="images/progresso.png" />

The progress bar is a great visual resource to show the user where they are in the funnel.
It helps maintain engagement, as it gives a clear sense of progress and encourages completing the steps.

**What it's for**

* Show the visitor how much of the funnel has been completed.

* Increase completion rate, as people tend to finish something when they see they're close to the end.

* Improve navigation experience.

**What you can configure**

* **Final percentage**

You must manually inform the percentage corresponding to this page, taking into account the total number of pages in your funnel.

Example: if your funnel has 4 pages, the first can be 25%, the second 50%, the third 75%, and the last 100%.

**Smart progress:** by defining the percentage of each page, the bar will automatically adjust, displaying progress smoothly between one stage and another.

* **Custom colors**

Initial and final color of the bar (to create a gradient effect or highlight evolution).

Background color, which represents the section not yet completed.

**Strategic tip!**

Use this element in funnels with more than one question or step, especially when there's a form at the end.
This helps the user know they're almost there and prevents dropouts halfway through.
