¿Qué formatos de datos acepta la herramienta?

Puedes ingresar los datos como un array JSON estructurado o mediante un formato de texto simple siguiendo la estructura etiqueta:valor.

¿Puedo cambiar la orientación de las barras?

Sí, puedes elegir entre una orientación horizontal o vertical según tus necesidades de diseño.

¿Es posible personalizar los colores de las barras?

Absolutamente, puedes especificar colores personalizados mediante códigos hexadecimales separados por comas.

¿Cómo puedo mostrar un objetivo específico?

Utiliza la opción de 'Valor Objetivo' y activa la casilla 'Mostrar Línea Objetivo' para visualizar una referencia clara en el gráfico.

¿Las barras incluyen animaciones?

Sí, la herramienta permite activar una animación de carga para que las barras se desplieguen dinámicamente al visualizarse.

Elysia Tools

Navegación

Data Visualization

Generador de Barras de Progreso

Generar barras de progreso personalizables desde datos, perfecto para mostrar estado de finalización, rankings o valores comparativos

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Entradas

Las opciones están agrupadas para que los formularios largos sean más fáciles de revisar.

15 opciones

ContenidoPega o escribe los valores principales.3

Datos del GráficotextareaObligatorioDatos para las barras de progreso. Soporta array JSON o formato de texto simple etiqueta:valorTítulo del GráficotextOpcionalTítulo que se mostrará encima del gráficoColores de BarrastextOpcionalColores para las barras de progreso (colores hex separados por comas). Deje vacío para colores predeterminados.

AjustesAjusta formatos, rangos, números y modos.7

OrientaciónselectOpcionalEstilo de BarraselectOpcionalAltura de Barra (Horizontal) / Ancho (Vertical)numberOpcionalAltura de barras horizontales o ancho de barras verticales en píxelesValor MáximonumberOpcionalValor máximo para la escala de progreso (deje vacío para escala automática)Valor MínimonumberOpcionalValor mínimo para la escala de progresoValor ObjetivonumberOpcionalValor objetivo para mostrar como línea de referenciaColor de FondocolorOpcionalColor de fondo para el contenedor del gráfico

InterruptoresActiva o desactiva comportamientos opcionales.5

Mostrar PorcentajescheckboxOpcionalActivado si está marcadoMostrar valores de porcentaje en las barras de progresoMostrar ValorescheckboxOpcionalActivado si está marcadoMostrar valores reales en las barras de progresoProgreso AnimadocheckboxOpcionalActivado si está marcadoAnimar las barras de progreso cuando se carganBarras RedondeadascheckboxOpcionalActivado si está marcadoUsar esquinas redondeadas para las barras de progresoMostrar Línea ObjetivocheckboxOpcionalActivado si está marcadoMostrar una línea de referencia para el valor objetivo

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Generador de Barras de Progreso

Ejecutar esta herramienta

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Progreso de Tareas de Proyecto

2. Dashboard de Ventas por Región

Preguntas frecuentes

Ejemplos de Códigos QR

Muestras de Análisis de Logs ELK Stack

Muestras Avanzadas de Grafana

Muestras de Trazado Distribuido

Generador de Gráfico de Dona

Generador de Gráfico de Embudo

Generador de Pictogramas

Generador de Gráfico Radar

Generadores de Gráficos y Diagramas

Herramientas de intercambio JSON y traduccion de formatos

Herramientas de conversión de texto, codificación y normalización

Herramientas de inspeccion, diff y transformacion JSON