【実装したい処理】
リロード(ページ更新)をクリックした瞬間からプログレスを表示させたいと考えております。
【プラグイン】
ページリロード時にプログレスを表示するためのpace.jsプラグインを利用しようとしております。
pace.js
【参考記事】
参考にした記事は以下の通りです。
参考記事
【ご質問】
ブラウザのキャッシュ等はクリアしているはずなのに、画面描画直前にしか、プログレスが表示されません。このようなリロード時のプログレス描画はリロードをした瞬間から表示されるものではなく、httpレスポンスを受けれから一定のタイミングにならないと実行されないものなのでしょうか、http通信と描画のタイミング等が適切に理解できていないため、ご相談させていただいた次第です。
html
1<!DOCTYPE html> 2<html lang="ja" dir="ltr"> 3<head> 4 <script 5 src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> 6 </script> 7 <script 8 src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script> 9 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/themes/black/pace-theme-center-circle.min.css" /> 10 <meta charset="utf-8"> 11 <link href='//fonts.googleapis.com/css?family=Roboto:400,700' 12 rel='stylesheet' type='text/css'> 13 <link href="css/tableexport.css" rel="stylesheet"> 14 <title>VIA</title> 15 <style media="screen"> 16/*省略*/ 17 </style> 18 19</head> 20 21 <body class="wrap"> 22 <table style="" id="nikkei"> 23 <!--中略--> 24 </table> 25 26 </body> 27 28 29</html>
よろしくお願い申し上げます。
回答1件
あなたの回答
tips
プレビュー