処理中を知らせるためのプログレスバーは大事な存在です。最近ではYouTubeなどでウィンドウ上部に読み込み中のステータスバーを出すといったUIも採用されています。いずれにしても無反応な状態を回避するのはユーザストレス軽減につながるはずです。 ステータスバーを表示するライブラリは幾つかありますが、今回はprogre(c)ss!というソフトウェアを紹介します。一本線のとてもシンプルなステータスバーライブラリです。 progre(c)ss!の使い方 progre(c)ss!はその名の通り、スタイルシートだけで作られています。なのでスタイルシートを読み込んだら、後はHTMLで次のような記述をするだけです。 <div class="progrecss" data-progrecss="77"> My first progre(c)ss! </div> ちなみにスタイルシートファイルを見ると1ポイント