Loading bar symbols ▰▱

Copy a ready-made text loading bar or build your own from ▰ ▱ █ ░ blocks. Every bar is plain text, so it works in bios, Discord, captions and status updates.

55 symbols on this page

Parallelogram loading bars10

Block loading bars10

Emoji and themed bars9

Building blocks26

Codes for every loading bar symbols

SymbolNameUnicodeHTMLAlt code
black parallelogram U+25B0 ▰ –
white parallelogram U+25B1 ▱ –
full block U+2588 █ Alt 219
dark shade U+2593 ▓ Alt 178
medium shade U+2592 ▒ Alt 177
light shade U+2591 ░ Alt 176
black square U+25A0 ■ Alt 254
white square U+25A1 □ –
black vertical rectangle U+25AE ▮ –
white vertical rectangle U+25AF ▯ –
black circle U+25CF ● –
white circle U+25CB ○ Alt 9
black large square U+2B1B ⬛ –
white large square U+2B1C ⬜ –
large green square U+1F7E9 🟩 –
large red square U+1F7E5 🟥 –
large yellow square U+1F7E8 🟨 –
left one eighth block U+258F ▏ –
left one quarter block U+258E ▎ –
left three eighths block U+258D ▍ –
left half block U+258C ▌ Alt 221
left five eighths block U+258B ▋ –
left three quarters block U+258A ▊ –
left seven eighths block U+2589 ▉ –
braille pattern dots-12345678 U+28FF ⣿ –
braille pattern dots-78 U+28C0 ⣀ –

How text loading bars work

A text loading bar is a row of "filled" characters followed by "empty" ones. With ten characters, each one counts as 10%, so ▰▰▰▱▱▱▱▱▱▱ reads as 30%. The most popular pair is ▰ and ▱, officially the black parallelogram and white parallelogram, which give a slanted, modern look.

Other good pairs are █ and ░ (full block and light shade), ■ and □, ▮ and ▯, ● and ○, or emoji squares like 🟩 and ⬜︎. Always take both halves from the same family: they are designed to be the same width, so the bar stays the same length at every percentage.

Tips for clean bars

Most apps use proportional fonts, where some characters are wider than others. If your bar looks uneven, try a different pair or wrap it in a code block on Discord (between backticks), which switches to a monospace font. Emoji bars like 🟩🟩⬜︎⬜︎ look the same width almost everywhere, but they take up more space and look different on each platform.

For finer steps than 10%, the eighth blocks ▏ ▎ ▍ ▌ ▋ ▊ ▉ █ let you end a bar with a partial block. Bars are great for year progress posts, reading goals, fundraising updates, game health bars and "mood: ▰▰▰▱▱" bios. Add the label and percentage after the bar so it is readable at a glance.

More symbols for status updates

For a spinner or "please wait" icon instead of a percentage, see the loading symbol page with ↻, ⏳︎ and braille spinner frames. To separate a progress bar from the rest of your bio, add a line from the divider symbols page, and for more filled and empty shapes, browse the square symbols.

Frequently asked questions

How do I make a loading bar with symbols?

Type a row of ten characters: filled ones for the progress (▰ or █) and empty ones for the rest (▱ or ░), then add the percentage. Or copy a ready-made bar from this page.

What are the loading bar symbols called?

▰ and ▱ are the black and white parallelogram (U+25B0 and U+25B1). █ is the full block, and ░ ▒ ▓ are the light, medium and dark shade characters.

Why does my loading bar look uneven?

The font gives the two characters different widths. Use a matching pair like ▰▱ or █░, or put the bar in a code block so it uses a monospace font.