yuw27b https://blog.hatena.ne.jp/yuw27b/ yuw27b’s blog https://yuw27b.hatenablog.com/ CSS HTML HTMLにはprogress要素があり、HTMLのみでブラウザ上にプログレスバーを表示することができます。2020年7月時点では、どのブラウザでも問題なく利用できそうです。 ブラウザ対応状況：https://caniuse.com/#feat=progress WHATWG仕様（Living Standard）： https://html.spec.whatwg.org/multipage/form-elements.html#the-progress-element デフォルトでどんなふうにレンダリングされるかは、ブラウザにより異なります。 以下のようなシンプルなHTMLでは、 <progr… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyuw27b.hatenablog.com%2Fentry%2Fhtml-progress-bar" title="HTMLのprogress要素を使ってプログレスバーを表示する - yuw27b’s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yuw27b/20200728/20200728214841.png Hatena Blog https://hatena.blog 2020-08-03 22:06:48 rich https://yuw27b.hatenablog.com/entry/html-progress-bar 1.0 100%