Widget de barra de progresso do círculo do elementor grátis
O widget gratuito da Progress Bar da Elementor desenha uma linha reta O widget da Progress Bar em Master Addons também é gratuito, e ele pode desenhar a barra como uma linha, uma linha com uma bolha percentual, um medidor de ventilador de círculo completo ou meio círculo Dê-lhe um título e um valor de 0 a 100, escolha uma predefinição de estilo, depois colorir a barra preenchida e a faixa atrás dela Funciona bem para financiar metas, progresso do curso, classificações e estatísticas únicas Para obter uma lista de barras de habilidade dentro de um widget, use Barras Progresso. Para uma barra que enche à medida que os visitantes percorrem um poste, use Barra de progresso de leitura.
Como adicionar uma barra de progresso de círculo no elementor
O widget faz parte do plugin gratuito Master Addons, então tudo que você precisa é Elementor e Master Addons.
- Instalar e ativar Complementos Master do WordPress.org.
- Edite sua página com Elementor e pesquise no painel de widgets Barra de progresso.
- Arraste-o para uma coluna Para uma linha de círculos, coloque um widget em cada coluna.
- No Conteúdo, digite o Título e defina o Valor de 0 a 100.
- Em estilo, estilos gerais, defina predefinições de estilo para circular ou para ventilador para um medidor de meio círculo.
- Defina as cores e larguras da Barra Frontal e da Barra Traseira e, em seguida, estilize o texto Título e Valor.
Cada configuração é coberta pelo Configurações do widget da Barra de Progresso guia.
Predefinições de linha, bolha de linha, círculo e ventilador
Escolha a forma em Estilo, Estilos Gerais, Predefinições de estilo. Line é uma barra horizontal plana com o título acima dela Line Bubble adiciona uma etiqueta redonda que desliza ao longo do ponto de preenchimento e mostra a porcentagem Circle desenha um anel completo com o valor no meio, e Fan desenha um medidor de meio círculo.
- Troque as predefinições a qualquer momento e o título, valor e cores permanecerão como estão.
- Cor Bolha define o preenchimento da bolha na Bolha de Linha.
- Posição Bolha move a bolha para cima ou para baixo contra a barra.
Título e Valor
A guia Conteúdo possui dois campos. Título é o rótulo, como meta de arrecadação de fundos ou progresso do curso. Valor é um número de 0 a 100 (60 por padrão) que define a distância que a barra, anel ou medidor preenche e mostra como uma porcentagem.
- O preenchimento é animado de zero até seu valor durante cerca de um segundo quando a página é carregada.
- Não há máximo personalizado, então 45 das 60 aulas chegam como 75.
- Um widget é um indicador Duplique-o para construir uma linha de círculos ou uma pilha de linhas.
Barra dianteira e estilo da barra traseira
Bar Frontal é a parte preenchida e Barra Traseira é a faixa por trás dela Cada um tem sua própria Cor e um número de Largura para a espessura do traço, 5 por padrão Uma barra frontal grossa sobre uma trilha de luz mais fina é fácil de ler, especialmente nas predefinições Circle e Fan.
- As cores padrão são roxo (#704aff) em uma trilha cinza claro (#ddd).
- As cores são sólidas Não há opção de preenchimento de gradiente.
- A largura é um número para todos os dispositivos, portanto, verifique o resultado no celular.
Texto Título e Valor
O Título e Valor cada seção de estilo tem um seletor de cores e um grupo completo de tipografia, de modo que a porcentagem pode ser maior ou mais ousada que a etiqueta. Nas predefinições de círculo e ventilador, o valor fica dentro da forma.
- O título é emitido como um título H6 e o padrão é preto.
- Cor de valor e tipografia também se aplicam ao rótulo Line Bubble.
Barra de progresso do elementor vs barra de progresso dos complementos mestres
Ambos os widgets são gratuitos A Barra de Progresso da Elementor é uma barra reta que pode conter uma linha de texto dentro dela Master Addons adiciona formas redondas, então a escolha se resume principalmente à forma que você precisa.
| Característica | Barra de Progresso do Elementor | Barra de progresso dos complementos mestres |
|---|---|---|
| Preço | Gratuito em Elementor | Gratuito em Master Addons |
| Formas | Somente linha | Linha, Bolha de Linha, Círculo e Ventilador |
| Valor | Slider percentual com tags dinâmicas | Número de 0 a 100 |
| Texto | Título com escolha de tag HTML, porcentagem de exibição, texto interno | Título (H6) e rótulo percentual |
| Tamanho da barra | Altura e Raio Fronteiriço | Bar dianteira e largura da barra traseira |
| Cores | Cor da barra e cor de fundo | Bar da Frente e Bar das Costas cores, Cor da Bolha |
| Animação | Preenche quando a barra rola para a vista | Preenche quando a página é carregada |
Use o widget do Elementor para uma linha simples que anima conforme os visitantes o alcançam ou extrai seu valor de uma tag dinâmica Use complementos mestres quando quiser um anel ou um medidor Widgets gratuitos relacionados: Barras Progresso para barras de habilidade em um widget, Barra de progresso de leitura para um indicador de progresso de rolagem e Contrapor para números animados.
Perguntas frequentes para a barra de progresso
Qual é a diferença entre a Barra de Progresso, as Barras de Progresso e a Barra de Progresso de Leitura?
Barra de Progresso (este widget) é um indicador mostrado como uma linha, uma linha com uma bolha, um círculo ou um medidor de ventilador O Elemento Barras de Progresso é uma lista de barras de habilidade horizontais que você adiciona dentro de um widget. Barra de progresso de leitura é uma extensão que mostra até onde um visitante percorreu a página.
A barra de progresso anima quando ela rola para a vista?
Não. O preenchimento vai de zero até o seu valor em cerca de um segundo assim que a página for carregada, portanto, uma barra bem abaixo da página pode terminar antes que alguém a veja. A própria barra de progresso do Elementor e o widget Master Addons Progress Bars começam a ser preenchidos quando aparecem.
O widget Master Addons Progress Bar é gratuito?
Sim. Ele vem com o plugin gratuito Master Addons no WordPress.org, e todas as quatro predefinições estão incluídas sem uma licença Pro.
Posso fazer uma barra de progresso circular para obter uma pontuação de 100?
Sim. Defina Predefinições de Estilo para Círculo e Valor para a pontuação, por exemplo 85. o anel preenche para 85 por cento com 85% no meio Para uma pontuação de outro número, converta-o primeiro em uma porcentagem, já que o widget não tem máximo personalizado.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
![Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de postagem/página
