CMS: adicionar e configurar uma barra de progresso
7 min
Adicione uma barra de progresso para mostrar uma representação visual do progresso para atingir uma meta. Você pode usar um código no Velo ou um campo de coleção do CMS para representar o valor do progresso. Para o valor objetivo, você pode definir um valor estático que não muda ou definir um valor dinâmico com o Velo ou ao conectar um campo de coleção.
Exemplos do uso de barras de progresso:
- Mostre quantas tarefas estão marcadas como "concluídas" em uma lista de tarefas.
- Mostre a porcentagem de etapas concluídas durante um processo de integração.
- Mostre o valor de dinheiro arrecadado para uma meta de angariação de fundos.
- Mostre o número de pessoas que assinaram uma petição que precisa de um determinado número de assinaturas.
Dica:
Você pode usar o Velo para atualizar o valor da barra de progresso sem conectar ao CMS. Para saber como, consulte Trabalhar com a API da barra de progresso (em inglês).
Antes de começar:
Adicione o CMS ao seu site e crie uma coleção que inclui um campo numérico para o valor do seu progresso.
Para adicionar e configurar uma barra de progresso:
Editor Wix
Editor do Wix Studio
- Acesse o Editor.
- Certifique-se de ter ativado o Velo no seu Editor:
- Clique em Avançado na parte superior.
- Clique em Ativar modo avançado.
- Clique em Elementos no lado esquerdo do Editor.
- Clique em Interativo.
- Clique em Barra de progresso em Indicadores.
- Clique e arraste a barra de progresso que mais gostar para a página.
- Escolha se deseja definir o valor objetivo como um valor dinâmico ou um valor estático:
no lado esquerdo do Editor.Valor objetivo dinâmico
no elemento Barra de progresso. 
e escolha a direção em que o progresso se move. 
e escolha um design predefinido ou personalize ainda mais o design existente. Valor objetivo estático
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
