diff --git a/files/setting.html b/files/setting.html
index 20cc589..ec7cb8b 100644
--- a/files/setting.html
+++ b/files/setting.html
@@ -433,9 +433,22 @@
             <div
                 style="top: 50%;left: 50%;width: 90%;position: absolute;transform: translate(-50%,-50%);overflow-wrap: break-word;">
                 <img style="height:29px" id="loading_image" src="">
-                <p id="loading_text" style="padding-top:5px;color: white;font-size: 15px;">
+                <p id="loading_text" style="    padding: 5px 0px;
+                color: white;
+                font-size: 15px;
+                font-weight: bold;
+                text-shadow: black 0px 0px 4px;">
                 </p>
-                <div id="progress_bar" style="padding-top:5px;width: 100%;height:10px"></div>
+                <div id="progress_bar" style="    padding-top: 5px;
+                width: 100%;
+                height: 15px;
+                border-radius: 5px;
+                background: linear-gradient(164deg, rgb(169 247 255 / 90%) 22%, rgb(0 161 255) 100%);
+                box-shadow: 0px 0px 5px;position: relative;">
+                    <div id="progress_left"
+                        style="transition: all 0.3s ease 0s;position: absolute;top: 0px;right: 0px;height: 100%;width: 100%;border-radius: 0px 5px 5px 0px;background: black;">
+                    </div>
+                </div>
             </div>
 
         </div>
@@ -494,9 +507,7 @@ <h3>始点</h3>
                                 value="23:59">
                         </div>
                     </div>
-                    <div style="margin-top:6px;">
-                        <input type="checkbox" id="iseasy" /><label for="iseasy">かんたんコメントを読み込まない</label>
-                    </div>
+
 
 
                 </div>
@@ -570,6 +581,9 @@ <h3>NGリスト</h3>
                             </div>
                         </div>
                     </div>
+                    <div style="margin-top:6px;">
+                        <input type="checkbox" id="iseasy" /><label for="iseasy">かんたんコメントを読み込まない</label>
+                    </div>
                     <div style="margin-top:6px;display:flex">
                         <p>NG共有レベル</p>
                         <select style="margin-left:5px;border-color:#bbb;width: 51px;" id="ng_score" name="example">
diff --git a/index.js b/index.js
index b0b6237..c5cd688 100644
--- a/index.js
+++ b/index.js
@@ -250,13 +250,14 @@ async function LOADCOMMENT(mode) {
           }まで読み込みました`
         );
       }
-      document.getElementById(
-        "progress_bar"
-      ).style.background = `linear-gradient(90deg,rgb(0, 145, 255,0.9) 0%,#0ff ${
+      document.getElementById("progress_left").style.width =
+        100 -
+        ((fetchedThreadCount + j) / totalThreadCount) * 100 +
+        "%"; /*.background = `linear-gradient(90deg,rgb(0, 145, 255,0.9) 0%,#0ff ${
         ((fetchedThreadCount + j) / totalThreadCount) * 100
       }%,rgba(0, 0, 0, .9) ${
         ((fetchedThreadCount + j) / totalThreadCount) * 100
-      }%,rgba(0, 0, 0, .9) 100%)`;
+      }%,rgba(0, 0, 0, .9) 100%)`;*/
       let LimitRate = 20;
       if (NG_LIST_COMMAND.includes("speedmode")) {
         LimitRate = 1000;
@@ -295,9 +296,7 @@ async function LOADCOMMENT(mode) {
   };
 
   logger(`描画準備中`);
-  document.getElementById(
-    "progress_bar"
-  ).style.background = `linear-gradient(90deg,rgb(0, 145, 255,0.9) 0%,#0ff 100%`;
+  document.getElementById("progress_left").style.width = "0%";
   PLAYCOMMENT();
 }
 
@@ -323,6 +322,7 @@ let observer = new MutationObserver(function () {
     document.getElementById("reload_niconicomments").disabled = true;
     document.getElementsByClassName("loadbutton_text")[0].innerText =
       "読み込み開始！";
+    document.getElementById("progress_left").style.width = "100%";
     href = location.href;
     COMMENT = [];
     setTimeout(() => {