Generator voor tekstvoortgangsbalken
Maak een tekstvoortgangsbalk op basis van een waarde en een totaal, zoals ████████░░░░ 67%, om in een README, Discord, Slack of terminal te plakken. Kies blokken, vloeiende blokken, ASCII, cirkels, emoji of je eigen tekens, stel de breedte en randen in, toon het percentage of de waarde en lijn meerdere balken tegelijk uit. Werkt in je browser.
Invoer
Uitvoer
Readme
Wat is een tekstuele voortgangsbalk?
Een tekstuele voortgangsbalk laat zien hoe ver iets gevorderd is met gewone tekens in plaats van een afbeelding, bijvoorbeeld ████████░░░░░░░░░░░░ 42% of [=========> ]. Omdat het platte tekst is, kan het overal worden gebruikt waar tekst voorkomt: in een README, een Discord- of Slack-bericht, een commitbericht, een terminalscript, een statusregel of een bericht op sociale media.
Beschrijving van de tool
Deze tool zet een waarde en een totaal om in een tekstuele voortgangsbalk die je kunt kopiëren. Kies een van de kant-en-klare stijlen of typ je eigen tekens, stel de breedte in, voeg randen toe en kies of je het percentage, de waarde ten opzichte van het totaal of beide wilt weergeven. Voeg meerdere rijen toe om een kleine staafgrafiek te maken, bijvoorbeeld voor de programmeertalen in een project of de voortgang van meerdere taken, met uitgelijnde labels en balken.
Functies
- Stijlen met blokken, arceringen, hekjes, pijlen, cirkels, vierkanten en emoji, plus aangepaste tekens voor gevuld, leeg en de kop
- Vloeiende blokken die achtsten van een teken vullen voor een fijnere balk
- Een breedte van 1 tot 100 tekens
- Optionele linker- en rechterranden, zoals
[en] - Percentage, waarde ten opzichte van het totaal, beide of geen label, met een gekozen aantal decimalen
- Meerdere balken tegelijk, met opgevulde labels zodat de balken uitgelijnd zijn
- Het resultaat kopiëren of downloaden als tekstbestand
Hoe het werkt
De waarde wordt gedeeld door het totaal en vermenigvuldigd met de breedte om te bepalen hoeveel tekens moeten worden gevuld. Dit wordt afgerond op het dichtstbijzijnde hele teken. De vloeiende stijl rondt af op het dichtstbijzijnde achtste teken en tekent de gedeeltelijke cel met een van de Unicode-bloktekens ▏▎▍▌▋▊▉. De pijlstijl en aangepaste balken met een kopteken vervangen het laatste gevulde teken door het kopteken totdat de balk volledig gevuld is. Waarden onder nul leveren een lege balk op, en waarden boven het totaal leveren een volle balk op, terwijl het label nog steeds het werkelijke percentage toont, zoals 150%.
Tips
- Plak de balken in een codeblok (drie backticks in Markdown, Discord of Slack), zodat ze in een monospace-lettertype worden weergegeven en uitgelijnd blijven.
- Emoji en sommige symbolen zijn in veel lettertypen breder dan één teken, waardoor emoji-balken mogelijk niet uitgelijnd zijn met tekst op dezelfde regel.
- Gebruik voor een terminal of logbestand dat Unicode mogelijk niet ondersteunt de hekje- of pijlstijl; deze gebruiken alleen ASCII-tekens.