Adicionar um progresso animado ou uma barra de habilidades no Weebly é uma ótima maneira de representar visualmente suas habilidades ou progresso em direção a uma meta. Veja como você pode fazer isso:

Etapa 1:Crie um elemento de barra de progresso

1. Faça login em sua conta do Weebly e abra o site onde deseja adicionar a barra de progresso.
2. Clique no botão "Adicionar" no menu esquerdo e selecione "Barra de progresso" na seção Elementos.
3. Arraste e solte o elemento Barra de progresso no local desejado em seu site.

Etapa 2:Personalize a barra de progresso

1. Assim que o elemento Barra de progresso for adicionado, clique nele para abrir as opções de personalização no painel direito.
2. Na guia "Progresso", você pode definir a porcentagem de progresso atual. Isso determina quanto da barra será preenchida.
3. Na guia “Aparência”, você pode escolher o estilo e a cor da sua barra de progresso. Você também pode adicionar um rótulo ou título para descrever o que a barra de progresso representa.

Etapa 3:adicionar animação à barra de progresso

1. Clique na aba “Animações” no painel de personalização.
2. Na seção “Animação de entrada”, selecione um efeito de animação na lista suspensa. Este efeito será reproduzido quando a barra de progresso aparecer pela primeira vez na página.
3. Ajuste as configurações de animação, como atraso, duração e atenuação, para ajustar o comportamento da animação.
4. Visualize a animação clicando no botão “Play” para ver como ficará no seu site.

Etapa 4:salvar e publicar alterações

1. Quando estiver satisfeito com a personalização, clique no botão "Salvar" no canto superior direito do painel de personalização.
2. Por fim, clique no botão “Publicar” no canto superior direito do editor do site para disponibilizar suas alterações em seu site.

Seguindo essas etapas, você pode adicionar facilmente um progresso animado ou uma barra de habilidades ao seu site do Weebly para mostrar visualmente suas habilidades ou conquistas.