載入條符號 ▰▱

複製現成的文字載入條,或用 ▰ ▱ █ ░ 方塊自己組合。每個進度條都是純文字,可用於自介、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%,所以 ▰▰▰▱▱▱▱▱▱▱ 就讀作 30%。最受歡迎的組合是 ▰ 和 ▱,正式名稱是 black parallelogram 和 white parallelogram,呈現傾斜、現代的外觀。

其他不錯的組合還有 █ 和 ░(全塊和淺陰影)、■ 和 □、▮ 和 ▯、● 和 ○,或像 🟩 和 ⬜︎ 這樣的表情符號方塊。兩個部分一定要來自同一個系列:它們被設計成相同寬度,所以不管百分比多少,進度條的長度都會一樣。

做出整齊進度條的訣竅

大多數 App 使用比例字型,其中有些字元比較寬。如果你的進度條看起來參差不齊,可以換一組字元,或在 Discord 上用程式碼區塊(以反引號包住)把它框起來,這樣會切換成等寬字型。像 🟩🟩⬜︎⬜︎ 這樣的表情符號進度條幾乎在每個地方寬度都一致,但佔用更多空間,而且在每個平台上看起來都不同。

若想要比 10% 更細的刻度,可以用八分之一方塊 ▏ ▎ ▍ ▌ ▋ ▊ ▉ █,讓進度條以部分方塊作結。進度條很適合用在年度進度貼文、閱讀目標、募款更新、遊戲血條和「心情:▰▰▰▱▱」這類簡介。請在進度條後面加上標籤和百分比,讓人一眼就能看懂。

更多狀態更新用的符號

若想要的是旋轉動畫或「請稍候」圖示,而不是百分比,請看載入符號頁面,裡面有 ↻、⏳︎ 和點字旋轉動畫影格。若要把進度條和簡介的其他內容分隔開,可以從分隔線符號頁面加一條線,更多實心與空心的形狀則請瀏覽方塊符號。

常見問題

要怎麼用符號做出載入進度條?

打出一排十個字元:進度用實心字元(▰ 或 █),其餘用空心字元(▱ 或 ░),再加上百分比。或者直接從本頁複製現成的進度條。

載入進度條的符號叫什麼名字?

▰ 和 ▱ 是黑色和白色平行四邊形(U+25B0 和 U+25B1)。█ 是全塊,░ ▒ ▓ 則是淺、中、深陰影字元。

為什麼我的進度條看起來參差不齊?

因為字型給這兩個字元的寬度不同。請使用像 ▰▱ 或 █░ 這樣配對的組合,或把進度條放進程式碼區塊,讓它使用等寬字型。