Crea tu barra de progreso
Introduce un valor de 0 a 100, una etiqueta, colores y tamaño, y descarga el PNG o copia la URL dinámica.
El número cambia en la URL y la tarjeta se redibuja
Un porcentaje por sí solo dice poco: la tarjeta que lo rodea debe nombrar el objetivo, el equipo responsable y la fecha contra la que se mide. Publica esa tarjeta desde DynaPictures como URL de imagen, pasa el valor y los días restantes como parámetros, y la barra, las etiquetas y tus colores se dibujan en cada petición.
Cómo crear una imagen de barra de progreso
Fija el valor
Escribe un número de 0 a 100. Se convierte en la parte rellena de la barra y puede mostrarse como porcentaje junto a la etiqueta.
Dale estilo
Elige los colores de relleno, fondo y texto como valores hex, escribe una etiqueta como Sprint 14 y fija el ancho y el alto en píxeles.
Descarga o copia la URL
Guarda el PNG, o copia la URL y cambia value= y label= en ella cada vez que tu número cambie.
Por qué usar este generador de barras de progreso
Funciona en Notion
Notion no tiene una imagen de barra de progreso nativa; pega la URL como embed o bloque de imagen y actualiza el valor en el enlace.
Slack, README y correo
En cualquier sitio donde cargue una URL de imagen, incluidos mensajes de Slack, READMEs de GitHub y correos HTML, la barra muestra el valor actual.
Un solo parámetro
Cambia ?value=40 por ?value=65 y la barra se redibuja; sin herramientas de edición ni volver a subir nada.
Los colores de tu marca
Relleno, fondo y texto son valores hex, así que la barra encaja con tu panel o tu boletín.
Tamaño exacto
Fija ancho y alto en píxeles para que quepa en una columna de Notion, una celda de tabla o un correo de 600 px.
Cómo funciona la barra de progreso dinámica
Tu barra recibe un id que guarda los colores, la etiqueta y el tamaño. Al solicitar /tools/d/YOUR-ID.png?value=64 se dibuja la barra con el 64 por ciento relleno y se devuelve un PNG; añadir label=Objetivo%20Q3 sustituye la etiqueta. El valor se limita al rango de 0 a 100. En Notion, pega la URL en un bloque de imagen; en Slack o en un README, usa la URL directamente. Las URLs dinámicas tienen un tope de 1.000 visualizaciones o 30 días, igual para cada visitante. En la plataforma de DynaPictures alimentas el valor desde una hoja de cálculo, Zapier, Make o la API, o diseñas tu propia plantilla de progreso con iconos y texto.
Límites gratuitos
20 renderizados al día por visitante. Cada URL dinámica sirve hasta 1.000 visualizaciones o 30 días y después muestra un pequeño aviso de actualización.
Automatiza el valor
La plataforma de DynaPictures actualiza el valor desde Zapier, Make, una hoja de cálculo que subes o la API, con una plantilla tuya.
Parámetros
value= de 0 a 100, label= opcional como texto codificado para URL; los colores y el tamaño quedan fijos al crear la barra.
<img src="https://api.dynapictures.com/tools/d/YOUR-ID.png?value=64&label=Q3%20goal" alt="64%">Preguntas frecuentes
Crea la barra, copia la URL dinámica y pégala en un bloque de imagen o embed de Notion. Para actualizar el progreso, edita el número de value= en el enlace; la imagen se redibuja en la siguiente carga.