1.1.1

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.1.1
+### Bug fixes
+- Optimize progress bar
+
 ## 1.1.0
 ## Features
 - Add progress bar

lib/docsify.js

@@ -2467,7 +2467,16 @@ function renderLoading (ref) {
     document.body.appendChild(div);
     CACHE['loading'] = div;
   }
-  CACHE['loading'].style.width = num >= 95 ? '0%' : num + '%';
+
+  CACHE['loading'].style.opacity = 1;
+  CACHE['loading'].style.width = num + '%';
+  if (num >= 95) {
+    clearTimeout(renderLoading.cacheTImeout);
+    renderLoading.cacheTImeout = setTimeout(function (_) {
+      CACHE['loading'].style.opacity = 0;
+      CACHE['loading'].style.width = '0%';
+    }, 200);
+  }
 }
 
 /**

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docsify",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "A magical documentation generator.",
   "main": "lib/docsify.js",
   "files": [

src/render.js

@@ -122,7 +122,16 @@ export function renderLoading ({ loaded, total }) {
     document.body.appendChild(div)
     CACHE['loading'] = div
   }
-  CACHE['loading'].style.width = num >= 95 ? '0%' : num + '%'
+
+  CACHE['loading'].style.opacity = 1
+  CACHE['loading'].style.width = num + '%'
+  if (num >= 95) {
+    clearTimeout(renderLoading.cacheTImeout)
+    renderLoading.cacheTImeout = setTimeout(_ => {
+      CACHE['loading'].style.opacity = 0
+      CACHE['loading'].style.width = '0%'
+    }, 200)
+  }
 }
 
 /**