> ## 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.

# Progresso

<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" />

A barra de progresso é um ótimo recurso visual para mostrar ao usuário em que ponto do funil ele está.
Ela ajuda a manter o engajamento, pois dá uma noção clara de avanço e incentiva a concluir as etapas.

**Para que serve**

* Mostrar ao visitante quanto do funil já foi percorrido.

* Aumentar a taxa de conclusão, já que as pessoas tendem a finalizar algo quando veem que estão perto do fim.

* Melhorar a experiência de navegação.

**O que você pode configurar**

* **Porcentagem final**

Você deve informar manualmente a porcentagem correspondente a essa página, levando em conta o total de páginas do seu funil.

Exemplo: se o seu funil tem 4 páginas, a primeira pode ser 25%, a segunda 50%, a terceira 75% e a última 100%.

**Progresso inteligente:** ao definir a porcentagem de cada página, a barra vai se ajustar automaticamente, exibindo o progresso de forma fluida entre uma etapa e outra.

* **Cores personalizadas**

Cor inicial e final da barra (para criar um efeito gradiente ou destacar a evolução).

Cor de fundo, que representa o trecho ainda não percorrido.

**Dica estratégica!**

Use esse elemento em funis com mais de uma pergunta ou etapa, especialmente quando houver formulário no final.
Isso ajuda o usuário a saber que está quase lá e evita desistências no meio do caminho.
