03Días
00HRS
00MINS
00SECS

WP30

Elemento Progress Bar en WP Table Builder (Pro)

Respuesta rápida

El elemento Progress Bar muestra un valor como una barra horizontal, por ejemplo un 70 % de batería o una puntuación de 9/10. Arrastra Barra de progreso a una celda y define Value, Thickness y Primary Color (parte rellena) y Secondary Color (fondo de la barra). Es un elemento de WP Table Builder Pro.

Las barras de progreso hacen que los números sean fáciles de comparar visualmente entre columnas.

Requisitos #

ConceptoDetalles
PlanWP Table Builder Pro
DóndeElementos (pestaña) del constructor, Pro (grupo)
Tiempo necesarioAproximadamente 1 minuto

Cómo añadir el elemento Progress Bar #

  1. Abre la tabla en el constructor y haz clic en Elementos .
  2. Arrastra Barra de progreso a una celda, o escribe progress bar en Search elements antes.
  3. Haz clic en el elemento para abrir sus ajustes en el panel izquierdo.
  4. Haz clic en Save cuando termines.
Tabla comparativa de WP Table Builder con barras de progreso de duración de batería debajo de las valoraciones circulares

Ajustes de Progress Bar #

AjusteQué hace
ValueEl porcentaje relleno
ThicknessAltura de la barra en px
Color: Primary ColorLa parte rellena
Color: Secondary ColorEl fondo vacío
Padding / MarginSpacing

Preguntas frecuentes #

¿Cómo añado una barra de progreso a una tabla?

Añade el elemento Progress Bar (Pro) y define su Value.

¿Puedo mostrar una etiqueta encima de la barra?

Documentos relacionados #

¿Qué te parece?

Actualizado el noviembre 13, 2026