▰▱

プログレスバー文字

▰▰▱▱ のテキストバーを作る
入力
割合 %
分数 /
記号
マス数 10

プログレスバー文字ジェネレーターとは

パーセントや分数から、文字だけでできたプログレスバー(進捗バー)を作る無料ツールです。▰▰▰▱▱ 60% のように、画像を使わずテキストで進捗を表せるので、SNSやチャット、GitHubのREADME、スプレッドシート、ゲームのステータス表示などにコピペで使えます。

使い方

  1. 割合(%)または分数を入力する
  2. 記号・マス数・表示オプションを選ぶ
  3. 「コピー」で貼り付ける

できること

  • 記号を選ぶ▰▱█░●○■□▮▯
  • マス数:4〜30マスで長さを調整。
  • 数値表示:末尾に 60%3/8 を付けられます。
  • なめらか のとき、部分ブロック(▏▎▍▌▋▊▉)で1マス未満も表現します。

きれいに表示するコツ

バーは等幅(モノスペース)フォントだと1マスの幅が揃ってきれいに見えます。README(コードフォント)やチャットの等幅表示に向いています。プロポーショナルフォントの環境では、記号ごとに幅が少し変わることがあります。

よくある質問

READMEやDiscordに使えますか?
使えます。コピーして貼り付けるだけです。コードブロック(等幅)にすると特にきれいに揃います。
「なめらか」が効かないのはなぜ?
部分ブロックは 系の記号でのみ使えます。他の記号ではマス単位(四捨五入)で表示します。
分数はどう表示されますか?
現在値/全体(例:3/8)で入力でき、その割合でバーを描きます。数値表示では 3/8 と付きます。

無料・インストール不要のブラウザツール / プログレスバー文字