Barra de progreso
A veces, un número es lo más importante. Un objetivo de recaudación de fondos, un hito en el proyecto, un dominio de habilidades. El elemento de barra de progreso de Master Addons hace de esa métrica única una pieza central visual. Elija entre múltiples estilos atractivos (línea clásica, círculo radial o diseños únicos de abanico y burbuja). Establezca su valor objetivo y luego personalice cada parte. Es el elemento perfecto de la barra de progreso del elementor para centrar la atención, visualizar la finalización y motivar la acción en torno a un objetivo clave.
Múltiples ajustes preestablecidos de estilo visual
Un solo número se puede mostrar de muchas maneras. Seleccione el estilo visual que se ajuste a la personalidad de su página. Elija la barra de línea simple y limpia para diseños horizontales. Opte por el círculo para obtener un calibre radial compacto. Hazlo divertido con la forma del ventilador o agrega una burbuja dinámica que se mueva con el progreso en el estilo de línea. Cada ajuste preestablecido ofrece una forma distinta de visualizar el avance, asegurando que su barra de progreso sea siempre una parte integral del diseño, no una ocurrencia tardía.
- Cuatro estilos distintos: elija entre ajustes preestablecidos de línea, círculo, ventilador y burbuja de línea.
- Radial versus lineal: utilice Circle y Fan para indicadores de progreso radiales compactos en espacios reducidos.
- Bubble animado: el estilo Line Bubble agrega un punto final móvil que resalta el valor actual.
Personalización de contenidos y valores
Configurar su barra de progreso es sencillo. En la pestaña Contenido, indíquele un título significativo como “Financiamiento del proyecto” o “Satisfacción del cliente”. Luego, establezca el Valor -, el porcentaje más importante que define qué tan lleno debe estar la barra o el círculo. Este sencillo proceso de dos pasos es todo lo que necesita para obtener un indicador de progreso dinámico y funcional en su página.
- Entrada simple: solo dos campos: Título y Valor (Porcentaje).
- Vista previa en vivo: vea la actualización del título y el valor porcentual en el editor a medida que escribe.
- Pantalla dinámica: la barra, el círculo o el relleno del ventilador se ajustan automáticamente al porcentaje exacto que ingresa.
Estilismo de barra de progreso
Estilee la barra trasera (la pista o fondo vacío) y la barra frontal (el relleno de color) de forma independiente. Para la barra frontal, elija su color y controle su ancho (o grosor). Para la barra trasera, establezca su propio color y estilo. Esta separación le permite hacer que el avance se destaque claramente sobre el fondo, garantizando la máxima legibilidad e impacto visual.
- Estilo de doble barra: peina la barra delantera (progreso) y la barra trasera (pista) con colores completamente diferentes.
- Control de espesor: ajuste el ancho del relleno de progreso, especialmente útil para los estilos Línea y Círculo.
- Jerarquía visual clara: utilice colores contrastantes para que la parte completa sea obvia al instante.
Diseño de etiquetas y valores
Utilice las secciones de estilo Título y Valor para diseñar su texto. Establezca el color del título y elija su fuente, tamaño y peso tipográficos. El valor (el número porcentual) se puede diseñar para darle énfasis, a menudo haciéndolo más grande o más audaz que el título. Este enfoque integrado garantiza que todos los elementos de su barra de progreso se sientan como un componente unificado y diseñado a medida.
- Estilo específico del texto: controles separados para diseñar la etiqueta del título y el porcentaje de valor.
- Control de tipografía: utilice el panel Tipografía para un control preciso de la fuente sobre el texto del título.
- Énfasis en el número: a menudo diseña el valor para que sea más prominente, llamando la atención sobre la métrica clave.
Preguntas frecuentes para la barra de progreso
¿cuál es la principal diferencia entre este y el elemento "Progressbars" (grupo)?
Este elemento es para un único indicador de progreso destacado. Ofrece ajustes preestablecidos de forma únicos (Círculo, Ventilador, Burbuja) y está diseñado para ser un punto focal. El Elemento de barras de progreso es para crear listas o grupos de múltiples barras (como una lista de habilidades), todo en un estilo lineal similar.
¿la barra/círculo se anima cuando se carga la página?
Sí, normalmente. Para atraer visitantes, el relleno de progreso (barra frontal) debe animarse desde 0% hasta su valor establecido cuando el elemento aparece a la vista en la página, creando un efecto fluido y dinámico.
¿Puedo usar el estilo Círculo para mostrar una puntuación sobre 100?
Absolutamente. El estilo Círculo (y Ventilador) es perfecto para esto. Establezca su valor en la puntuación (por ejemplo, 85 por 85%). El elemento llenará el arco radial en consecuencia, creando una visualización clara de calibre o clasificación.
¿se puede personalizar la "Bubble" en estilo Line Bubble?
Sí. Hay una configuración de color de burbuja y posición de burbuja. Puede cambiar el color de la burbuja y ajustar su ubicación a lo largo de la pista en relación con el punto final del relleno.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
