Generator tekstowego paska postępu
Utwórz tekstowy pasek postępu na podstawie wartości i sumy, na przykład ████████░░░░ 67%, aby wkleić go do pliku README, Discorda, Slacka lub terminala. Wybierz bloki, gładkie bloki, ASCII, okręgi, emoji albo własne znaki, ustaw szerokość i obramowanie, wyświetl procent lub wartość oraz wyrównaj kilka pasków jednocześnie. Działa w przeglądarce.
Wejście
Wyjście
Instrukcja
Czym jest tekstowy pasek postępu?
Tekstowy pasek postępu pokazuje, jak daleko zaszła dana czynność, za pomocą zwykłych znaków zamiast obrazu, na przykład ████████░░░░░░░░░░░░ 42% lub [=========> ]. Ponieważ jest zwykłym tekstem, można go umieścić wszędzie tam, gdzie używa się tekstu: w pliku README, wiadomości na Discordzie lub w Slacku, komunikacie commita, skrypcie terminala, wierszu statusu lub poście w mediach społecznościowych.
Opis narzędzia
To narzędzie zamienia wartość i sumę na tekstowy pasek postępu, który można skopiować. Wybierz jeden z gotowych stylów lub wpisz własne znaki, ustaw szerokość, dodaj obramowanie i wybierz, czy ma być wyświetlany procent, wartość względem sumy czy oba te elementy. Dodaj kilka wierszy, aby narysować niewielki wykres słupkowy, na przykład przedstawiający języki używane w projekcie lub postęp kilku zadań, z wyrównanymi etykietami i paskami.
Funkcje
- Style złożone z bloków, cieniowania, znaków hash, strzałek, kół, kwadratów i emoji, a także własne znaki wypełnienia, pustego miejsca i końca
- Gładkie bloki wypełniające jedną ósmą znaku, zapewniające dokładniejszy pasek
- Szerokość od 1 do 100 znaków
- Opcjonalne lewe i prawe obramowanie, takie jak
[i] - Procent, wartość względem sumy, oba te elementy lub brak etykiety, z wybraną liczbą miejsc po przecinku
- Kilka pasków jednocześnie, z etykietami uzupełnionymi spacjami tak, aby paski były wyrównane
- Kopiowanie wyniku lub pobieranie go jako pliku tekstowego
Jak to działa
Wartość jest dzielona przez sumę i mnożona przez szerokość, aby określić, ile znaków należy wypełnić, a następnie wynik jest zaokrąglany do najbliższego znaku. Styl gładki zaokrągla wynik do najbliższej jednej ósmej znaku i rysuje częściową komórkę za pomocą jednego z bloków Unicode ▏▎▍▌▋▊▉. Styl strzałki oraz własne paski ze znakiem końca zastępują ostatni wypełniony znak znakiem końca, dopóki pasek nie zostanie w pełni wypełniony. Wartości poniżej zera tworzą pusty pasek, a wartości większe od sumy tworzą pełny pasek, podczas gdy etykieta nadal pokazuje rzeczywisty procent, na przykład 150%.
Wskazówki
- Wklej paski do bloku kodu (trzy znaki backtick w Markdownie, na Discordzie lub w Slacku), aby były wyświetlane czcionką o stałej szerokości i zachowywały wyrównanie.
- W wielu czcionkach emoji i niektóre symbole zajmują więcej miejsca niż jeden znak, dlatego paski emoji mogą nie być wyrównane z tekstem w tym samym wierszu.
- W terminalu lub pliku dziennika, który może nie obsługiwać Unicode, użyj stylu Hasze lub Strzałka, ponieważ wykorzystują one wyłącznie znaki ASCII.