Repository navigation
Ligatures for common progress bars #1183
Description
Activity
pip
|████████████████▌ |wget
[===============> ]Gradle
<======------->htop
[|||||||||||||||||| 14.2%]brew
################################################ 67.0%yarn
[##############################################----------------------------------] 46/80cargo
Building [===========================> ] 151/296Reacted by Nikita Prokopov, zohnannor, Gethin Davies, Ignat S. and Rhelveticanapt has the same as gauge:
Progress: [ 98%] [########################################################..]Reacted by Nikita Prokopovpacman (default config) same as gauge:
[##################################------------------------------------------] 45%pacman with ILoveCandy setting:
[-------------------------------------------------c o o o o o o o o ] 68%
(The c is yellow and changes between lower and upper case)Reacted by Nikita Prokopov, Martín Varela, Attila Gonda, Thomas Way, zohnannor, git-101-collab, PiXeLAllan and Oliver TzengComposer (PHP package manager):
0/96 [>---------------------------] 0% 64/96 [==================>---------] 66% 96/96 [============================] 100%Reacted by Nikita ProkopovDocker
0732ab25fa22: Downloading [=================================> ] 17.56MB/26.5MBReacted by Nikita ProkopovThere’s a cool animated one in a lot of Linux distros (I think during boot, I don’t recall):
....|
..../
....-
....\
(Back to start)The last character spins until the next progress increment, when it is replaced with a ‘.’ and the spinner moves right.
You can see this type of spinner in action, without the progress indicating periods, here (along with some other pretty neat ideas):
https://youtu.be/5t2DO6Lp6NkGradle download
..............10%..............20%...............30%..............40%..............50%..Reacted by MaximAL, zohnannor and UjhhgtgReacted by Andy Bao and Eyal KalderonReacted by MaximAL, Conscat, zohnannor and WrenI see you added some progress bar characters.
Using the unicode block characters with a solid background you can make a fine-grained progress bar:
BLOCK = [ " ", "▏", "▎", "▍", "▌", "▋", "▊", "▉", "█", ]You get n/8 sub-resolution with those blocks.
It would be nice if you could do something similar with the progress bar characters you made, but it might require a rethink on how they fit together, with the left and right brackets having no actual "progress bar filler".
Laravel Mix uses filled-only blocks but highlights them by different colors:
● Mix █████████████████████████ building (19%)
Correct me if I'm wrong but isn't adding a loading font for every common loading screen a bit extreme? There are so many common loading bars and they can vary a lot. And a lot of them the size changes depending on the size of your terminal which I assume would make it harder.
@GlowingUmbreon I am not sure I understand. What do you mean by “adding a (loading) font”? Adding where?
@tonsky adding to FireCode I suppose.
@tonsky - I have an idea: you could add a ligature for the new FiraCode progress bar chars themselves, for the case where a bar is 100% completed. Some progress bar libraries allow setting a "theme" for the bar, with characters for bar start, filled progress, empty progress, and bar end, but do not have a concept of two different characters for bar end depending on whether the progress has reached 100% or not.
This results in a progress bar that looks slightly incomplete:
A ligature could solve that by replacing the sequence
\uee04\uee02(filled bar, empty end) with\uee04\uee05(filled bar, filled end).Even without all the application-specific ligatures, I think this would be useful.
Reacted by James Harrispacman with ILoveCandy setting:
[-------------------------------------------------c o o o o o o o o ] 68%(The c is yellow and changes between lower and upper case)Personally I would leave this one be. If you specifically set
ILoveCandyfor your pacman you probably want it to stay that way, and if you want to get the fancy bar you can just disable ILoveCandy.Reacted by Ryan Leach and Ujhhgtg
