Qu’est-ce qu’une barre de progression textuelle ?

Une barre de progression textuelle indique l’avancement d’une opération à l’aide de caractères ordinaires plutôt que d’une image, par exemple ████████░░░░░░░░░░░░ 42 % ou [=========> ]. Comme il s’agit de texte brut, elle peut être utilisée partout où du texte est accepté : dans un README, un message Discord ou Slack, un message de commit, un script de terminal, une ligne d’état ou une publication sur un réseau social.

Description de l’outil

Cet outil transforme une valeur et un total en une barre de progression textuelle que vous pouvez copier. Choisissez l’un des styles prédéfinis ou saisissez vos propres caractères, définissez la largeur, ajoutez des bordures et choisissez d’afficher le pourcentage, la valeur par rapport au total, ou les deux. Ajoutez plusieurs lignes pour créer un petit graphique à barres, par exemple pour représenter les langages d’un projet ou l’avancement de plusieurs tâches, avec des libellés et des barres correctement alignés.

Fonctionnalités

  • Styles composés de blocs, de nuances, de dièses, de flèches, de cercles, de carrés et d’émojis, ainsi que des caractères personnalisés pour le remplissage, le vide et la tête
  • Blocs progressifs qui remplissent des huitièmes de caractère pour une barre plus précise
  • Largeur de 1 à 100 caractères
  • Bordures gauche et droite facultatives, telles que [ et ]
  • Pourcentage, valeur par rapport au total, les deux, ou aucun libellé, avec un nombre de décimales configurable
  • Plusieurs barres à la fois, avec des libellés complétés par des espaces afin d’aligner les barres
  • Copie du résultat ou téléchargement au format texte

Fonctionnement

La valeur est divisée par le total, puis multipliée par la largeur afin de déterminer le nombre de caractères à remplir, arrondi au caractère le plus proche. Le style progressif arrondit au huitième de caractère le plus proche et représente la cellule partielle avec l’un des blocs Unicode ▏▎▍▌▋▊▉. Le style avec flèche et les barres personnalisées dotées d’un caractère de tête remplacent le dernier caractère rempli par le caractère de tête jusqu’à ce que la barre soit complète. Les valeurs inférieures à zéro produisent une barre vide, tandis que les valeurs supérieures au total produisent une barre complète, alors que le libellé continue d’afficher le pourcentage réel, par exemple 150 %.

Conseils

  • Collez les barres dans un bloc de code (trois accents graves dans Markdown, Discord ou Slack) afin qu’elles soient affichées avec une police à chasse fixe et restent alignées.
  • Les émojis et certains symboles occupent plus d’un caractère dans de nombreuses polices ; les barres composées d’émojis peuvent donc ne pas s’aligner avec le texte de la même ligne.
  • Pour un terminal ou un fichier journal susceptible de ne pas prendre en charge Unicode, utilisez le style Dièses ou Flèches, qui n’emploient que des caractères ASCII.