こんにちわ。 職人見習いの小森です。 今回は、HTML5のプログレスバーについてまとめます。 HTML5 ファイル 読み込みの記事で作成したものに追加します。 ○index.html Now Loading... progressタグを利用します。 ○file.js window.addEventListener("load",function(){ if(!window.file){ ele.innerHTML = "File APIが使用できません" return; } var ele = document.getElementById("fileinfo"); document.getElementById("read").addEventListner("click",function(){ var textFile = document.getElementById("filed
![cloudpackブログ - HTML5 プログレスバー](https://cdn-ak-scissors.b.st-hatena.com/image/square/377a9c51a86d20c871561f0ba1caf65409e4f7f2/height=288;version=1;width=512/https%3A%2F%2Firet.media%2Fwp-content%2Fthemes%2Fclp_media%2Fimg%2Fcommon%2Fogp-thumbnail_1200x630.png%3F135792468)