Che cos'è una barra di avanzamento testuale?

Una barra di avanzamento testuale mostra a che punto è un'operazione utilizzando caratteri comuni invece di un'immagine, ad esempio ████████░░░░░░░░░░░░ 42% o [=========> ]. Poiché è testo semplice, può essere inserita ovunque sia possibile usare del testo: in un README, in un messaggio su Discord o Slack, in un messaggio di commit, in uno script del terminale, in una riga di stato o in un post sui social media.

Descrizione dello strumento

Questo strumento trasforma un valore e un totale in una barra di avanzamento testuale che puoi copiare. Scegli uno degli stili già disponibili oppure inserisci i tuoi caratteri, imposta la larghezza, aggiungi i bordi e scegli se mostrare la percentuale, il valore sul totale o entrambi. Aggiungi più righe per creare un piccolo grafico a barre, ad esempio per mostrare i linguaggi utilizzati in un progetto o l'avanzamento di diverse attività, con etichette e barre allineate.

Funzionalità

  • Stili composti da blocchi, sfumature, hash, frecce, cerchi, quadrati ed emoji, oltre a caratteri personalizzati per il riempimento, il vuoto e la punta
  • Blocchi uniformi che riempiono un ottavo di carattere alla volta per ottenere una barra più precisa
  • Larghezza da 1 a 100 caratteri
  • Bordi sinistro e destro opzionali, come [ e ]
  • Percentuale, valore sul totale, entrambi o nessuna etichetta, con un numero di cifre decimali a scelta
  • Più barre contemporaneamente, con etichette riempite con spazi per allineare le barre
  • Copia del risultato o download come file di testo

Come funziona

Il valore viene diviso per il totale e moltiplicato per la larghezza per determinare quanti caratteri riempire, arrotondando al carattere più vicino. Lo stile uniforme arrotonda all'ottavo di carattere più vicino e disegna la cella parziale con uno dei blocchi Unicode ▏▎▍▌▋▊▉. Lo stile a freccia e le barre personalizzate con un carattere terminale sostituiscono l'ultimo carattere riempito con il carattere terminale finché la barra non è completa. I valori inferiori a zero producono una barra vuota, mentre i valori superiori al totale producono una barra completa; l'etichetta continua però a mostrare la percentuale effettiva, ad esempio 150%.

Suggerimenti

  • Incolla le barre in un blocco di codice (tre accenti gravi in Markdown, Discord o Slack) affinché vengano visualizzate con un carattere a spaziatura fissa e rimangano allineate.
  • In molti caratteri tipografici, emoji e alcuni simboli occupano più spazio di un singolo carattere, quindi le barre con emoji potrebbero non allinearsi al testo sulla stessa riga.
  • Per un terminale o un file di log che potrebbe non supportare Unicode, usa lo stile Hash o Freccia, che utilizza esclusivamente caratteri ASCII.