文字で進み具合を表示

完了数と全体数から、コピーして使える文字の進捗バーを作成します。

使い方

  1. 完了数と全体数を、同じ単位で入力します。全体数は1以上です。
  2. 貼り付け先の幅に合わせてバーの文字数を決めます。
  3. 結果を作成し、数値とバーをまとめてコピーします。

このツールが向いている作業

日報やチャットへ進み具合を貼り付けるための文字バーを作ります。完了数と全体数を同時に残すので、バーの見た目だけに頼らず状態を伝えられます。

入力と設定

入力内容は保存せず、ブラウザ内で処理します。

入力例と実際の出力

出力例:
[███░░░░░░░] 30% (3/10)

3/10では30%で、幅10文字のうち3文字を塗りつぶします。幅3文字なら1文字に丸めるため、見た目は約33%でも数値は30%のままです。等幅フォント以外では文字幅がそろわない場合があります。

仕様と注意点

塗りつぶす文字数は四捨五入します。表示する割合と、バーの見た目に丸めの差が出ることがあります。

次の作業・使い分け

割合計算 — 割合・増減率など、進捗以外の計算をしたい場合に使えます。

よくある質問

完了数が全体数より多くても使えますか?

使えません。完了数は0以上かつ全体数以下で入力してください。達成率を100%超で計算する場合は割合計算を使えます。

コピーしたバーは自動更新しますか?

更新しません。値を変えて結果を作り直し、貼り付け先も更新してください。

数値の割合とバーの見た目がずれることはありますか?

塗る文字数を四捨五入するため、短いバーでは差が出ます。例えば30%を3文字のバーで表すと1文字が塗られますが、数値は30%のままです。

関連ツール

ツール・ゲームを探す

全120ツール・16ゲーム

全120ツール・16ゲーム

文章・文字 26

計算・変換 22

日付・時間 12

画像・PDF 26

データ・Web 28

抽選・便利 6

ゲーム 16