diff --git a/source/css/common/variables.styl b/source/css/common/variables.styl
index a7febd3..10fe7cd 100644
--- a/source/css/common/variables.styl
+++ b/source/css/common/variables.styl
@@ -76,7 +76,7 @@ $scroll-bar-bg-color = darken($background-color, 10%);
 $link-color = darken($default-text-color, 10%);
 $copyright-info-color = #CC0033;
 $avatar-background-color = #0066CC;
-$pjax-progress-bar-color = linear-gradient(45deg, #ef0e18, #ff5f00, #eea40b, #1fe708, #00d6d6, #016bd7, #f300f3);
+$pjax-progress-bar-color = linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);
 
 
 // ========================================================================================
diff --git a/source/css/layout/_partial/progress-bar.styl b/source/css/layout/_partial/progress-bar.styl
index 35df570..3298a43 100644
--- a/source/css/layout/_partial/progress-bar.styl
+++ b/source/css/layout/_partial/progress-bar.styl
@@ -35,22 +35,23 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      padding: 8px 8px 0 0;
+      padding: 7px 6px 0 0;
       color: var(--default-text-color);
       visibility: hidden;
+      font-size: 1.1rem;
       transition();
 
+      +keep-tablet() {
+        padding: 6px 5px 0 0;
+        font-size: 1rem;
+      }
+
       &.show {
         transition: visibility 0.1s linear;
         visibility: visible;
       }
-
-      i {
-        font-size: 1.12rem;
-      }
     }
 
-
   }
 
   if (hexo-config('style.scroll.progress_bar.enable') == true) {