¿Qué es una barra de progreso de texto?

Una barra de progreso de texto muestra cuánto se ha avanzado en algo mediante caracteres normales en lugar de una imagen, por ejemplo ████████░░░░░░░░░░░░ 42% o [=========> ]. Como es texto sin formato, puede colocarse en cualquier lugar donde se use texto: un README, un mensaje de Discord o Slack, un mensaje de commit, un script de terminal, una línea de estado o una publicación en redes sociales.

Descripción de la herramienta

Esta herramienta convierte un valor y un total en una barra de progreso de texto que puedes copiar. Elige uno de los estilos prediseñados o escribe tus propios caracteres, establece el ancho, añade bordes y decide si quieres mostrar el porcentaje, el valor de un total o ambos. Añade varias filas para dibujar un pequeño gráfico de barras, como los lenguajes de un proyecto o el progreso de varias tareas, con las etiquetas y las barras alineadas.

Características

  • Estilos compuestos por bloques, sombras, almohadillas, flechas, círculos, cuadrados y emojis, además de caracteres personalizados para el relleno, el espacio vacío y la cabecera
  • Bloques suaves que rellenan octavos de un carácter para obtener una barra más precisa
  • Ancho de 1 a 100 caracteres
  • Bordes izquierdo y derecho opcionales, como [ y ]
  • Porcentaje, valor de un total, ambos o ninguna etiqueta, con un número de posiciones decimales configurable
  • Varias barras a la vez, con las etiquetas ajustadas para que las barras queden alineadas
  • Copia el resultado o descárgalo como archivo de texto

Cómo funciona

El valor se divide entre el total y se multiplica por el ancho para determinar cuántos caracteres se deben rellenar; después, el resultado se redondea al carácter más cercano. El estilo suave redondea al octavo de carácter más cercano y dibuja la celda parcial con uno de los bloques Unicode ▏▎▍▌▋▊▉. El estilo de flecha y las barras personalizadas con un carácter de cabecera sustituyen el último carácter rellenado por la cabecera hasta que la barra está completa. Los valores inferiores a cero dibujan una barra vacía y los valores superiores al total dibujan una barra completa, mientras que la etiqueta sigue mostrando el porcentaje real, como 150%.

Consejos

  • Pega las barras en un bloque de código (tres acentos graves en Markdown, Discord o Slack) para que se muestren con una fuente monoespaciada y queden alineadas.
  • Los emojis y algunos símbolos ocupan más de un carácter en muchas fuentes, por lo que las barras con emojis pueden no quedar alineadas con el texto de la misma línea.
  • Para una terminal o un archivo de registro que no admita Unicode, utiliza el estilo Almohadilla o Flecha, que solo emplean caracteres ASCII.