§15-05Perceived Performance

Indeterminate progress

所要時間が不明な処理の進行中を示す。

処理が止まっていないことを伝え、利用者の再操作を防ぐ。進捗率を計算できない通信や初期化に使う。

実装のポイント

所要時間が読めない処理にだけ使い、分かった時点で定量バーに切り替える。left ではなく transform で動かし、prefers-reduced-motion では静止表示にする。