Loading Patterns

Loading bar patterns and progress indicators

40
Patterns

Show progress with loading bars like ████████▒▒▒▒ 66% and ███▒▒▒▒▒▒▒▒▒ 25% in your status. Perfect for gaming profiles and tech-themed content.

████████▒▒▒▒ 66% Progress Bar 66 Percent
███▒▒▒▒▒▒▒▒▒ 25% Progress Bar 25 Percent
██████████▒▒ 83% Progress Bar 83 Percent
▓▓▓▓▓▓░░░░ 60% Shade Progress 60 Percent
▓▓▓▓░░░░░░ 40% Shade Progress 40 Percent
▓▓▓▓▓▓▓▓░░ 80% Shade Progress 80 Percent
█▒▒▒▒▒▒▒▒▒ 10% Progress Bar 10 Percent
█████▒▒▒▒▒ 50% Progress Bar 50 Percent
█████████▒ 90% Progress Bar 90 Percent
██████████ 100% Progress Complete
░░░░░░░░░░ 0% Progress Empty
[████████░░] 80% Bracket Progress 80 Percent
[███░░░░░░░] 30% Bracket Progress 30 Percent
[██████████] 100% Bracket Complete
◐◓◑◒ Circle Spinner
◜◝◞◟ Arc Spinner
◴◷◶◵ Quarter Circle Spinner
◰◳◲◱ Square Corner Spinner
⣾⣽⣻⢿⡿⣟⣯⣷ Braille Spinner
⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏ Braille Dots Spinner
⠁⠂⠄⡀⢀⠠⠐⠈ Braille Single Dot
⣀⣤⣶⣿⣶⣤⣀ Braille Grow Shrink
⣿⣿⣿⣿⣿⣿⣿ Braille Full Block
▁▂▃▄▅▆▇█ Growing Block
█▇▆▅▄▃▂▁ Shrinking Block
Loading... Text Loading
Loading...⏳ Loading Hourglass
⏳ Please wait... Hourglass Wait
⌛ Loading... Sand Timer Loading
🔄 Processing... Refresh Processing
⏱️ Loading... Stopwatch Loading
⚙️ Working... Gear Working
[========> ] 80% ASCII Progress 80 Percent
[====> ] 40% ASCII Progress 40 Percent
[==========] Done! ASCII Complete
|||||......| 50% Pipe Progress 50 Percent
|||||||||||| 100% Pipe Complete
●○○○○○○○○○ 10% Circle Progress 10 Percent
●●●●●○○○○○ 50% Circle Progress 50 Percent
●●●●●●●●●● 100% Circle Complete

Loading Bar Text ████░░░░ Copy Paste Progress Indicators & Status Bars

This collection includes 40 text-based progress bar patterns using Unicode block elements—the solid blocks (█), shade characters (▓▒░), and related symbols that simulate loading bars in plain text. Use these for Discord statuses, gaming profile stats, humorous bio updates, or anywhere you want to display progress, levels, or completion states without images.

Block elements originated in DOS-era computing, where they created progress indicators, menus, and graphics in text-only displays. Characters like █▓▒░ provided graduated shading for visual depth on screens that couldn't display actual images. This retro aesthetic has found new life in gaming communities—players use text progress bars to show skill levels, health bars, and achievement progress in Discord bios and forum signatures.

Beyond gaming, these patterns work for humor. Bios like "Motivation: ███░░░░░░░ 30%" or "Coffee Level: ██████████ 100%" use the progress bar format for self-deprecating jokes that resonate widely. The familiar loading indicator format translates human states into visual terms everyone understands.

How to Use Progress Patterns

Click any pattern to copy it. Each includes the bar and percentage label together. Paste into your bio, status, or post, then optionally add a label describing what the bar measures ("Energy:" "Skill Level:" "Progress:").

For custom percentages, adjust the ratio of filled (█▓) to empty (░) characters. More filled = higher percentage.

When to Use Loading Patterns

  • Gaming profiles: Display skill stats like "Aim: ████████░░ 80%" across multiple categories.
  • Discord status: Show mood or energy levels that update throughout the day.
  • Bio humor: Self-deprecating stats like "Adulting: ██░░░░░░░░ 20%" connect through relatability.
  • Project tracking: Developers and creators can show work-in-progress status.
  • Twitch channel goals: Display sub or follower goal progress in panels.
  • RPG-style character sheets: Create text-based HP, MP, and stat displays for roleplay servers.

Pattern Styles

  • Block bars: ████████░░░░ — Solid fill transitioning to light blocks. High contrast.
  • Shade gradient: ▓▓▓▓▓▓░░░░ — Medium shade to light. Softer appearance.
  • Bracketed: [████████░░] — Contained within brackets for structured UI feel.
  • ASCII style: [=========> ] — Classic terminal aesthetic using keyboard characters.
  • Circle dots: ●●●●●○○○○○ — Filled and empty circles instead of blocks.
  • Spinners: ◐◓◑◒ — Rotation animation frames for "loading" states.

Building Custom Bars

Progress bars work on simple math:

  • 10 total characters = each represents 10%
  • ████████░░ = 8 filled, 2 empty = 80%
  • ███░░░░░░░ = 3 filled, 7 empty = 30%

Adjust length for visual balance. Short bars (5 characters) suit limited space. Long bars (10-20 characters) look more dramatic.

Tips

  • Add context: Bare bars confuse. Always label what the bar measures.
  • Monospace looks best: Block elements align perfectly in Discord code blocks and terminal fonts.
  • Humor works: Self-aware stats ("Will to Live: ██░░░░░░░░") connect better than serious ones.
  • Spinner animation: Frames like ◐◓◑◒ imply motion. Static text, but suggests something loading.
  • Keep percentages honest: Don't claim 90% if the bar shows 50%. Visual and numeric should match.

Common Questions

  • Why do bars look broken sometimes? Non-monospace fonts misalign block characters. Use Discord code formatting for clean display.
  • Can I animate these? Not in static text. Use multiple spinner frames (◐◓◑◒) for implied animation.
  • What percentage should I use? Whatever's accurate—or funny. Ironic low percentages often resonate more than boastful high ones.

Related Collections

For more gaming aesthetics, explore box frame patterns for stat panels, decorative brackets for username framing, or checkmark symbols for completion indicators.

← Browse All Patterns