HTML5のprogress要素とjQueryでファイル読み込みのプログレスバーを表示する

HTML5のprogress要素とjQueryを組み合わせて、ファイルの読み込みのプログレスバーで表示するサンプルを紹介します。 １．progress要素とは HTML5のprogress要素を使えば、進捗状況を示すプログレスバーを表示することができます。 progress要素は次のように記述します。value属性に作業の進捗度、max属性に作業の全体量を設定します。progress要素の内容にはフォールバックコンテンツを設定できます。 <progress max="100" value="50">50/100</progress> progress要素をサポートしていれば下にプログレスバーが表示されます。サポートしていないブラウザであれば、フォールバックコンテンツである「50/100」が表示されます。 50/100 ２．サンプル progress要素とJavaScriptのFileRea