Moving ASCII art
Progress Bar
A bracketed bar that fills from empty to full in even steps.
[ ] 0%
About the animation
What it is
A bracketed bar that fills from empty to full in even steps.
Paste into a script that reprints the line, or use it as a static badge in text-only interfaces.
Motion guide
How the progress bar animation works
Pairs of hash marks fill a ten-character track in even twenty-percent steps. Unlike an indeterminate spinner, the numbers communicate a measurable start, middle and finish.
Implementation tip
Map actual progress to the nearest frame or generate the filled section dynamically. Rewrite the same line with a carriage return and print a final newline only after reaching one hundred percent.
Best uses
- 01
File-processing scripts
- 02
Installation steps
- 03
Text interfaces that report known progress
Use the frames
How to run the progress bar animation
- 01
Copy the frame set
Copy all 6 frames at once, or take individual frames from the reference list below.
- 02
Display them in order
Use a timer in your script or bot to advance through the frames at about 4 frames per second.
- 03
Replace the previous frame
Map actual progress to the nearest frame or generate the filled section dynamically. Rewrite the same line with a carriage return and print a final newline only after reaching one hundred percent.
Frame by frame
Every frame
[ ] 0%
[## ] 20%
[#### ] 40%
[###### ] 60%
[######## ] 80%
[##########] 100%
Common questions
About this ASCII animation
What is the progress bar ASCII animation?
A bracketed bar that fills from empty to full in even steps. Pairs of hash marks fill a ten-character track in even twenty-percent steps. Unlike an indeterminate spinner, the numbers communicate a measurable start, middle and finish.
Does copying the frames make them animate?
No. The copied text contains each of the 6 drawings, while your terminal, app or bot supplies the timer and replaces one frame with the next. Map actual progress to the nearest frame or generate the filled section dynamically. Rewrite the same line with a carriage return and print a final newline only after reaching one hundred percent.
Can I change the playback speed?
Yes. The preview uses 4 fps as a readable starting point. A shorter delay feels faster, while a longer delay makes each frame easier to inspect.
Where does the progress bar animation fit?
Paste into a script that reprints the line, or use it as a static badge in text-only interfaces. It suits file-processing scripts, installation steps, text interfaces that report known progress.
Also known as
Keep browsing