【Javasctript】ライブラリを使わないプログレスバー

どうも、宮田です。

今回は、訳あってライブラリが使えない場合に、プログレスバーをどう実装するかを試してみました。
個人的には、HTML/CSSの勉強も兼ねて実装しました。

以下のページを参考に、改良しています。
https://kuroeveryday.blogspot.com/2016/03/progressbar.html

以下は、改良したものになります。
主な改良点は、進捗状況を数値で表示したり、完了状態やエラー状態を表示できるようにしています。
もしかしたら、もっと綺麗な書き方があるのかも知れませんが…。