XQuiz

Progresso

A barra de progresso do funil — modo automático, valores manuais e cores

Progress

O elemento Progresso exibe uma barra horizontal que mostra ao visitante quanto do funil ele já percorreu. A cada página, a barra preenchida anima por um segundo do valor inicial ao valor final. Na paleta, o elemento fica na categoria Cabeçalho e, ao ser adicionado, nasce na área de cabeçalho da página. Nessa zona, com Fixar cabeçalho ligado na página, ele acompanha a rolagem colado no topo da tela — ver Páginas.

Modo automático

Sem nenhum valor definido, vale a Barra Inteligente — o mesmo aviso exibido ao editar o elemento. Ao publicar, a plataforma calcula o percentual de cada página considerando as ramificações do fluxo: a página inicial marca 0%, qualquer página que encerra um caminho marca 100% e, avançando por qualquer caminho, a barra nunca diminui. O funil publicado apenas lê esses valores prontos — nada é recalculado durante a navegação.

Valores manuais

Na seção Geral, dois campos numéricos em % controlam a barra:

  • Valor Inicial — ponto de partida da animação nesta página (0 a 100).
  • Valor Final — valor em que a barra termina nesta página (10 a 100).

Vazios, os campos mostram Auto e valem os percentuais automáticos. Preenchidos, têm prioridade sobre o cálculo automático — num funil de quatro páginas, por exemplo, você pode fixar 25%, 50%, 75% e 100%.

Cores

As cores ficam na aba Tema, pasta Cores:

  • Cor primária — início do gradiente da barra preenchida.
  • Cor secundária — fim do gradiente.
  • Cor de fundo — trilha ainda não percorrida.

Sem definição, valem as cores do tema do funil. Altura e largura não são configuráveis: a barra ocupa toda a largura disponível e a espessura se ajusta automaticamente ao tamanho da página.

No funil publicado

Com o Valor Inicial em automático, a barra da página atual parte de onde a barra da página anterior terminou; ao voltar uma página, ela encolhe pela mesma regra. Na primeira página — ou ao entrar direto por um link — a animação começa do zero. O elemento é puramente visual: não registra resposta nem evento, e por isso não aparece em Leads.

Nesta página