Kits de Elementos é um complemento completo para Elementor que permite aprimorar os recursos do seu site. O complemento inclui widgets, extensões e módulos abrangentes para ajudá-lo a adicionar funcionalidades avançadas ao seu site WordPress usando apenas um plugin.

O Barra de progresso do ElementsKit é um recurso para mostrar estatísticas significativas de uma forma elegante. Você pode visualizar o crescimento numérico de qualquer tarefa ou marco usando a barra de progresso no Elementor. Leia esta documentação para aprender como usar o widget Progress Bar para Elementor.

Etapa 1: configurar a barra de progresso no Elementor #

Primeiro, abra o editor Elementor e arraste o widget Progress Bar para o seu design. Em seguida, configure a barra de progresso do WordPress no Elementor.

Para configurar o widget,

1. Selecione a barra de progresso Estilo na lista de estilos disponíveis. Se você escolher o Conteúdo Interno estilo, você pode Adicionar ícone para a barra de progresso.

2. Colocou o Título texto para a barra de progresso.
3. Digitar Percentagem de progresso para mostrar.
4. Ajustar Duração da Animação para mostrar a progressão.

Passo 2: Personalize os estilos da barra de progresso #

Na guia Estilo, você pode personalizar os estilos de barra, faixa, título e porcentagem para a barra de progresso do WordPress no Elementor.

2.1 Barra #

Para personalizar a barra de progresso,

1. Selecione os Tipo de plano de fundoe escolha uma cor de fundo.
2. Ajusta a Altura da barra.
3. Em seguida, personalize o Sombra configurações.

4. Colocou o Raio da Fronteira e Preenchimento.
5. Ajusta a Margem Inferior da barra.

2.2 Trilha #

Para personalizar a barra de trilha,

1. Selecione os Tipo de plano de fundo e escolha uma cor de fundo.
2. Defina os atributos para Sombra.
3. E definir o Raio da Fronteira.

2.3 Título #

Para personalizar o título da barra de progresso no Elementor,

1. Escolha o Cor do título.
2. Tipografia do texto do título.
3. Ajusta a Sombra de texto.

2,4 por cento #

Para personalizar a porcentagem da barra de progresso no Elementor,

1. Escolha o Porcentagem de cor.
2. Tipografia do número percentual.
3. Ajusta a Sombra de texto.

Seguindo as etapas acima, você pode criar uma barra de progresso WordPress atraente no Elementor.