ローディングバーの記号 ▰▱

できあいの文字のローディングバーをコピーするか、▰ ▱ █ ░ のブロックで自分で作れます。どのバーもテキストなので、プロフィール、Discord、キャプション、ステータス更新で使えます。

55個の記号

平行四辺形のローディングバー10

ブロックのローディングバー10

絵文字とテーマ別のバー9

組み立て用ブロック26

ローディングバーの記号のコード一覧

記号名前UnicodeHTMLAltコード
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 ⣀ –

テキストのローディングバーの仕組み

テキストのローディングバーは、「塗りつぶし」の文字の列に「空」の文字が続いたものです。10文字なら1文字が10%にあたるので、▰▰▰▱▱▱▱▱▱▱ は30%と読めます。いちばん人気のペアは▰と▱で、正式名称は black parallelogram と white parallelogram です。斜めになっていて、モダンな見た目になります。

ほかにも、█と░(フルブロックと薄い網掛け)、■と□、▮と▯、●と○、🟩と⬜︎のような絵文字の四角などが使いやすいペアです。必ず両方を同じ系統から選んでください。幅が同じになるよう設計されているので、どのパーセントでもバーの長さが変わりません。

きれいなバーのコツ

ほとんどのアプリはプロポーショナルフォントを使っていて、文字によって幅が違います。バーがでこぼこに見えたら、別のペアを試すか、Discordではコードブロック(バッククォートで囲む)に入れてください。等幅フォントに切り替わります。🟩🟩⬜︎⬜︎ のような絵文字のバーは、ほぼどこでも同じ幅に見えますが、場所を取り、プラットフォームごとに見た目が変わります。

10%より細かい刻みにしたいときは、8分の1ブロック▏ ▎ ▍ ▌ ▋ ▊ ▉ █ を使うと、バーの端を中途半端なブロックで終えられます。バーは、年の進捗の投稿、読書目標、募金の進捗報告、ゲームのHPバー、「mood: ▰▰▰▱▱」のようなプロフィールにぴったりです。ひと目でわかるように、バーの後ろにラベルとパーセントを添えましょう。

ステータス更新向けのほかの記号

パーセントではなくスピナーや「お待ちください」のアイコンがほしい場合は、↻、⏳︎、点字のスピナーのコマを載せた読み込み中の記号のページをご覧ください。プログレスバーをプロフィールのほかの部分と区切るには、区切り線の記号のページの線を足し、塗りつぶしや空の形をもっと探すには四角の記号を見てください。

よくある質問

記号でローディングバーを作るには?

10文字を並べます。進んだ分は塗りつぶし(▰か█)、残りは空(▱か░)にして、パーセントを添えます。このページのできあいのバーをコピーしてもOKです。

ローディングバーの記号の名前は何ですか?

▰と▱は、黒と白の平行四辺形(U+25B0とU+25B1)です。█はフルブロックで、░ ▒ ▓ は薄い、中間、濃い網掛けの文字です。

ローディングバーがでこぼこに見えるのはなぜですか?

フォントによって2つの文字の幅が違うためです。▰▱ や █░ のようなペアを使うか、バーをコードブロックに入れて等幅フォントにしてください。