回答受付終了まであと6日
jQueryのロード画面実装について質問です。
jQueryのロード画面実装について質問です。 下記の画像のように開始時にロード画面が表示されるようにコードを描いたのですが、なぜか開始画面が真っ暗なまま実装されませんでした。 一体何が原因なのでしょうか？ html <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="4-1-1.css"> <link rel="stylesheet" href="reset.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> </head> ・ ・ ・ <script src="https://rawgit.com/kimmobrunfeldt/progressbar.js/master/dist/progressber.min.js"></script> <script src="4-1-1.js"></script> </body> 4-1-1.css #splash { position: fixed; z-index: 999; width: 100%; height: 100%; background: #333; text-align: center; color: #fff; } 4-1-1.js var bar = new ProgressBar.line(splash_text , { strokewidth: 0 , duration: 1000 , trailwidth: 0 , text: { style: { position: 'absolute' , left: '50%' , top: '50%' , padding: '0' , margin: '0', transform: 'translate(-50%,-50%)' }, autoStyleContainer: false }, step: function(state , bar) { bar.setText(Math.round(bar.value() * 100) + '%'); } }); bar.animate(1.0 , function () { $("#splash").delay(500).fadeOut(800); })
