Barra de progresso: como contar páginas ao em vez de campos preenchidos?

  • Profile Image
    Trr_Corretora
    Perguntado em 4 de maio de 2023 às 12:35

    Olá, gostaria de usar a barra de progresso com a contagem de páginas, mas só consegui que ela conte os campos. Por gentileza, podem me ajudar?

  • Profile Image
    Lucas_O
    Respondido em 4 de maio de 2023 às 16:55

    Olá Trr_Corretora,

    Obrigado por entrar em contato com o suporte da Jotform. Infelizmente o widget barra de progresso somente conta os campos preenchidos, no entanto, é possível criar manualmente um barra de progresso no formulário. Ela deverá ser configurada manualmente com código e utilizando o elemento paragrafo. Deixa eu te explicar como fazer isso:

    1. No criador de formulário, adicione o elemento paragrafo.
    2. Após isso, no editor de texto do parágrafo, abra o código-fonte clicando no ícone _< na barra de ferramentas.Barra de progresso: como contar páginas ao em vez de campos preenchidos? Image 1 Screenshot 30
    3. Adicione o código HTML abaixo no source-code.
    <div style="width: 20%; background-color: red; height: 20px; border-radius: 5px;"></div>

    Pronto, será gerado um barra no teu formulário. Porém, tu deve alterar o tamanho horizontal em cada página do formulário para deixá-la do tamanho correto do progresso.

    Para alterar o tamanho horizontal, altere a porcentagem no código. Por exemplo, para 50% de progresso, altere o código width para: width: 50%; Tu também pode alterar a cor, alterando o "red" para outra cor em inglês ou código HEX. O resultado deve ser assim:

    Barra de progresso: como contar páginas ao em vez de campos preenchidos? Image 2 Screenshot 41

    Fico à tua disposição caso tenha alguma dúvida.