From e58c17fdc640d3c066ee7f51594f8152be133899 Mon Sep 17 00:00:00 2001 From: "qingwei.li" Date: Sat, 17 Dec 2016 09:01:21 +0800 Subject: [PATCH] Optimize progress bar --- CHANGELOG.md | 4 ++++ src/render.js | 11 ++++++++++- 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 5131f25..eba4cdf 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,7 @@ +## 1.1.1 +### Bug fixes +- Optimize progress bar + ## 1.1.0 ## Features - Add progress bar diff --git a/src/render.js b/src/render.js index e94cd03..c85f936 100644 --- a/src/render.js +++ b/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) + } } /**