Pular para o conteúdo principal

Barra de progresso

Use Barra de progresso para mostrar progresso, conclusão, escassez ou status da etapa do funil.

Configurações de conteúdo

ConfiguraçãoO que controla
Valor de progressoA quantidade ou porcentagem mostrada.
Texto da etiquetaTexto mostrado com a barra.
Ao concluirComportamento após conclusão, quando disponível.

Configurações de estilo

Área de estiloO que você pode ajustar
InvólucroAlinhamento horizontal e lacuna.
BarraLargura, altura, cor preenchida, cor vazia, borda e raio.
EtiquetaTipografia e cor.
EspaçamentoMargem, preenchimento e layout responsivo.

Melhores práticas

  • Use valores de progresso verdadeiros.
  • Não use barras de escassez falsas.
  • Verifique a largura do móvel e o empacotamento da etiqueta.

Perguntas frequentes

Quando devo usar esta página?

Use esta página quando precisar de uma referência rápida sobre este recurso do Atomicat e quiser entender o que ele altera antes de editar ou publicar. Ela também ajuda ao revisar páginas, funis, quizzes, leads, produtos, vídeos ou configurações da conta. Para Barra de progresso, mantenha uma lista curta dos campos alterados e teste o resultado na mesma sessão do navegador.

Preciso configurar isso antes de publicar?

Configure antes de publicar sempre que o recurso afetar comportamento do visitante, rastreamento, SEO, formulários, embeds, checkout ou acesso. Se ele muda apenas a organização interna, revise antes do lançamento para que a equipe gerencie a campanha com consistência. Para Barra de progresso, mantenha uma lista curta dos campos alterados e teste o resultado na mesma sessão do navegador.

Isso pode afetar páginas publicadas?

Sim. Algumas configurações podem afetar páginas ativas depois de salvar ou publicar. Sempre visualize a página, teste a ação principal e confirme o comportamento em desktop e mobile antes de enviar tráfego pago ou compartilhar a URL. Para Barra de progresso, mantenha uma lista curta dos campos alterados e teste o resultado na mesma sessão do navegador.

O que devo verificar se algo parecer errado?

Verifique o status da página, o acesso ao projeto, as revisões salvas, o cache do navegador, o domínio conectado e as integrações relacionadas. Se o recurso depender de plano, permissão ou módulo ativo, confirme que o workspace tem acesso. Para Barra de progresso, mantenha uma lista curta dos campos alterados e teste o resultado na mesma sessão do navegador.