Progress bar based on a combinaison of unicode characters. This ASCII loading bar can be used everywhere to indicate the progress of your projects on social networks or on your website or blog.
Just -ˋˏ click ˎˊ- to copy
& paste it where you want ツ
Two tones loading bar
Loading bar based on █ and ▒ ASCII symbols.
█▒▒▒▒▒▒▒▒▒ 10%
██▒▒▒▒▒▒▒▒ 20%
███▒▒▒▒▒▒▒ 30%
████▒▒▒▒▒▒ 40%
█████▒▒▒▒▒ 50%
██████▒▒▒▒ 60%
███████▒▒▒ 70%
████████▒▒ 80%
█████████▒ 90%
██████████ 100%
Grey loading bar
Similar to two tone with ▓ and ▒ unicode symbols.
▓▒▒▒▒▒▒▒▒▒ 10%
▓▓▒▒▒▒▒▒▒▒ 20%
▓▓▓▒▒▒▒▒▒▒ 30%
▓▓▓▓▒▒▒▒▒▒ 40%
▓▓▓▓▓▒▒▒▒▒ 50%
▓▓▓▓▓▓▒▒▒▒ 60%
▓▓▓▓▓▓▓▒▒▒ 70%
▓▓▓▓▓▓▓▓▒▒ 80%
▓▓▓▓▓▓▓▓▓▒ 90%
▓▓▓▓▓▓▓▓▓▓ 100%
Loading with large square
Square based loading bar.
■▢▢▢▢▢▢▢▢▢ 10%
■■▢▢▢▢▢▢▢▢ 20%
■■■▢▢▢▢▢▢▢ 30%
■■■■▢▢▢▢▢▢ 40%
■■■■■▢▢▢▢▢ 50%
■■■■■■▢▢▢▢ 60%
■■■■■■■▢▢▢ 70%
■■■■■■■■▢▢ 80%
■■■■■■■■■▢ 90%
■■■■■■■■■■ 100%
Loading with small square
Square base loading bar with two size of square.
■□□□□□□□□□ 10%
■■□□□□□□□□ 20%
■■■□□□□□□□ 30%
■■■■□□□□□□ 40%
■■■■■□□□□□ 50%
■■■■■■□□□□ 60%
■■■■■■■□□□ 70%
■■■■■■■■□□ 80%
■■■■■■■■■□ 90%
■■■■■■■■■■ 100%
ASCCI White loading
Empty loading bar in ASCII like a box.
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 10%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 20%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 30%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 40%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 50%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 60%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 70%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 80%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 90%
[̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅_̲̅] 100%
Loading in parallelogram
Based on two parallelogram: full and empty.
▰▱▱▱▱▱▱▱▱▱ 10%
▰▰▱▱▱▱▱▱▱▱ 20%
▰▰▰▱▱▱▱▱▱▱ 30%
▰▰▰▰▱▱▱▱▱▱ 40%
▰▰▰▰▰▱▱▱▱▱ 50%
▰▰▰▰▰▰▱▱▱▱ 60%
▰▰▰▰▰▰▰▱▱▱ 70%
▰▰▰▰▰▰▰▰▱▱ 80%
▰▰▰▰▰▰▰▰▰▱ 90%
▰▰▰▰▰▰▰▰▰▰ 100%
Loading cursor
Cute loading bar with a cursor.
▰═════════ 10%
▰▰════════ 20%
▰▰▰═══════ 30%
▰▰▰▰══════ 40%
▰▰▰▰▰═════ 50%
▰▰▰▰▰▰════ 60%
▰▰▰▰▰▰▰═══ 70%
▰▰▰▰▰▰▰▰══ 80%
▰▰▰▰▰▰▰▰▰═ 90%
▰▰▰▰▰▰▰▰▰▰ 100%
Loading progress bar
Loading bar on a dotted line with parallelogram progress.
▰╍╍╍╍╍╍╍╍╍ 10%
▰▰╍╍╍╍╍╍╍╍ 20%
▰▰▰╍╍╍╍╍╍╍ 30%
▰▰▰▰╍╍╍╍╍╍ 40%
▰▰▰▰▰╍╍╍╍╍ 50%
▰▰▰▰▰▰╍╍╍╍ 60%
▰▰▰▰▰▰▰╍╍╍ 70%
▰▰▰▰▰▰▰▰╍╍ 80%
▰▰▰▰▰▰▰▰▰╍ 90%
▰▰▰▰▰▰▰▰▰▰ 100%
Fat loading with cursor
Cute loading bar with a cursor progress bar.
▓▃▃▃▃▃▃▃▃▃ 10%
▃▓▃▃▃▃▃▃▃▃ 20%
▃▃▓▃▃▃▃▃▃▃ 30%
▃▃▃▓▃▃▃▃▃▃ 40%
▃▃▃▃▓▃▃▃▃▃ 50%
▃▃▃▃▃▓▃▃▃▃ 60%
▃▃▃▃▃▃▓▃▃▃ 70%
▃▃▃▃▃▃▃▓▃▃ 80%
▃▃▃▃▃▃▃▃▓▃ 90%
▃▃▃▃▃▃▃▃▃▓ 100%
Structured loading
Structured loading progress bar with a parallelogram cursor.
╞▰═════════╡ 10%
╞═▰════════╡ 20%
╞══▰═══════╡ 30%
╞═══▰══════╡ 40%
╞════▰═════╡ 50%
╞═════▰════╡ 60%
╞══════▰═══╡ 70%
╞═══════▰══╡ 80%
╞════════▰═╡ 90%
╞═════════▰╡ 100%
Loading bar and progress bar FAQ
What are loading bar ?
With the progress bars you can show the progress of anything you want. It's fun to use it on your website or your socials. It's ok on : Instagram, TikTok, Youtube, Discord, Facebook, Twitter, Snapchat, Pinterest, Tumblr, WeChat, QQ, Telegram, Reddit, Twitch, Wattpad, Flickr, Skype, Whatsapp, Viber, MySpace, Douyin.
ASCII loading progress bar : How I can copy and paste ?
On
copy paste website, it's very easy, just click (on computer) or tap (on mobile device and tablet) on your favorite thing and go where you want (app or website) to paste it (with a right click on computer or with a long tap on mobile device and tablet) !
ASCII loading progress bar : Where I can use?
Everywhere you want! It's work on Instagram, TikTok, Youtube, Discord, Facebook, Twitter, Snapchat, Pinterest, Tumblr, WeChat, QQ, Telegram, Reddit, Twitch, Wattpad, Flickr, Skype, Whatsapp, Viber, MySpace, Douyin... It's look amaizing on your bio on TikTok or Instagram. Basiclly everywhere you can write a text, you can copy and paste things, it's easy, just click and go where you want to paste it. You will do eye-catching and your bio or statut will be more attractive.
