100％を超える進行状況バー
100％を超える進行状況バーをどうするかについてのアドバイスや例はありますか？.
アイテムのステータスを示すプログレスバーに取り組んでいます。 100％になると、アイテムを操作するための欠陥が生じます。アイテムは時間に敏感であるため、アイテムが100％を超えているかを示す必要があります。
この情報を表示する最良の方法は何でしょうか？
このモックアップは、スタイリングオプションを模索していたため、混乱する可能性があります。
同じ状況は、スケール外の値を表示する場合です。ほとんどの場合、最も重要なことは、値を超えていることをユーザーに示すことです。通常、超過した値は列の長さに比例して表されません。予算機能を備えたパーソナルファイナンスアプリで問題がどのように処理されるかを確認できます。これらのアプリでは、予算を超えていることをユーザーに伝える必要があります。
これは今私の心の中にあったものです、多分それはマークまでではありません：
- 棒グラフの範囲を0％から150％に設定します（必要に応じて最大数を変更できます）
- 100％以下のものは通常の方法で表示されます。
- 100％から150％未満のすべての場合、データラベルの背景は黄色で表示されます。
- 150％以上の場合、データラベルの背景は赤色で表示されます。
この提案された最大値150％の背後にある理由は、データが任意の数のパーセンテージ、さらには1270％になる可能性があるためです。制限がないと、その棒グラフが1つの長い棒としてレンダリングされ、周囲の棒グラフと均一にならないリスクがあります。
通常、ダッシュボードの目的はユーザーが一目で情報を理解できるようにすることなので、最大値を150％に設定します（そして、制限を設定する距離はあなた次第です）。均一サイズの棒グラフ。 150％を超えると異常と見なされます。
したがって、背景が赤一色の図が表示されている場合、このバーには注意が必要であることをユーザーは知っています。
状況は明確ではありませんが、それでも100％を超えることはないので、その後に発生するのはステータスの変更なので、設計を変更する必要があります。
進行状況バーを100％まで使用し、その後、バーをアイコンまたはテキストに置き換えます。これは、ユーザーにとって適切で理解しやすく、表示したいアイデアを伝えるものです。
誰かが100％の前にアイテムを操作できるが後は操作できない場合は、そのことを示すテキストを追加します。
100％マークの後にあるアイコンまたはテキストには、関連性や緊急性を示すために、緑、黄色、オレンジ、赤などの標準的な色の進行を含めることもできます。それはあなたが判断しなければならないものですが。
色を使用した後も、必要に応じて点滅効果を追加できますが、プロセスが多くの変更を無人で行うよりも考えが良ければ、それはそれほど重要ではなく、アクションを起こす人がいないか、測定システムに欠陥があります。
別のオプションは、他のプログレスバーの強度を減らす、彩度を減らす、または可視性を減らすアルファ効果を追加することですが、それでもデータを読み取ることができます。これにより、100％を超えたデータの関連性が高まります。しかし、他はまだ見えています。
私のおすすめ... - 
説明が必要な場合、それは十分ではありません:)
1つの提案は、範囲内（0-100）（例：緑）と範囲外（100-200）（例：赤）の2つのデザインを持つことです
アイテムが範囲内にある場合、スタイルメーターを1つ表示します。
アイテムが100％に達したら、範囲内メーターを範囲外メーターと交換します。
範囲外のメーターが範囲内のメーターと大幅に異なることを確認し、スペースを効率的に使用してこの情報を伝達できるようにします。
「実生活」では、圧力計、温度計、および「rpmメーター」に、超えてはならない限界のインジケーターが付いていることがよくあります。多くの場合、測定の単位は「ネイティブ単位」（温度、psi、パスカル、1分あたりの回転数）ですが、時々、それらはパーセンテージも持ちます（80％、100％、120のマークが付いた1つの電圧計に遭遇しました） ％-80％未満および120％を超えるものは、明らかに問題から外れているため、マーキングは存在しません。
通常、100％を超える数値には赤い扇形または円弧があるため、ユーザーは針が赤い線を通過したときに簡単に確認できます。
「レッドライニング」（または、むしろレッドライニングを回避すること）の概念は、ほとんどの自動車ドライバーによく知られているはずです。
丸いゲージ（車のrpmメーターなど）は、ある時点でハードストップします。針が上がらない、たとえば130％くらいだとしましょう。車の温度計は、多くの場合、100％が中央にあるように設計されているため、（視覚的に）最大200％に達する可能性があります。アナログ/デジタルの組み合わせを使用すると、デジタルリードアウトの精度と範囲が向上し、100％未満/ 100％をすばやく視覚的に読み取ることができます。
新しいStack Exchangeサイトをステージングするための Area51 には、関連する可能性のあるいくつかの進行状況バーがあります。
ステージング中のサイトは、定義、コミットメント、ベータの3つのフェーズを経ます。各フェーズには独自の進捗状況があります-達成すべき一連の指標と目標です。したがって、各フェーズは0〜100％の間で進行します。フェーズの100％に達した後、サイトは次のフェーズに移動します-進行は続きます。全体的な状態は1つの進行状況バーにまとめられ、単一のバーのように見えます。「完了」とは、3つのフェーズすべてで進行状況が100％に達したことを意味します。
質問はさまざまなフェーズについても話しているようです。必要なのは、各フェーズのメトリックと、必要なフェーズの数を定義することだけです。
例（架空）：
- フェーズ1：数値目標ベース（割り当ての％）
- フェーズ2：重要になる/フェーズ3にエスカレートされる前の数値またはログベースのパーセンテージオーバーリーチ
- フェーズ3：時間ベースのパーセンテージ（アイテムがクリティカルであることが許容される期間の％）
進行状況バーは、このデータを表すための最良の方法ですか？値は100％過去どのくらい行くことができますか？それは無限であるか、固定されていますか。
潜在的な100％後の値が無限でない場合は、プログレスバーの目盛りまたはインジケーターを元のバーの外に拡張し、色を変更して、許容時間を超えていることを示すことをお勧めします。
ここに簡単なモックアップがあります：
