From 935df070431a6d02857eba6128c916facd18ac66 Mon Sep 17 00:00:00 2001 From: Felichz Date: Fri, 28 Aug 2020 15:03:20 -0300 Subject: [PATCH] Fix Fade out --- nprogress.js | 26 +++++++++++++++++--------- 1 file changed, 17 insertions(+), 9 deletions(-) diff --git a/nprogress.js b/nprogress.js index cdb5f4b..b2c0ea0 100644 --- a/nprogress.js +++ b/nprogress.js @@ -68,6 +68,7 @@ var progress = NProgress.render(!started), bar = progress.querySelector(Settings.barSelector), + spinner = progress.querySelector(Settings.spinnerSelector), speed = Settings.speed, ease = Settings.easing; @@ -80,19 +81,26 @@ // Add transition css(bar, barPositionCSS(n, speed, ease)); + if (n === 1) { // Fade out - css(progress, { - transition: 'none', - opacity: 1 - }); + const fadeElems = [bar, spinner]; + + fadeElems.map(elem => + css(elem, { + transition: 'none', + opacity: 1 + }) + ); progress.offsetWidth; /* Repaint */ - setTimeout(function() { - css(progress, { - transition: 'all ' + speed + 'ms linear', - opacity: 0 - }); + setTimeout(function () { + fadeElems.map(elem => + css(elem, { + transition: 'all ' + speed + 'ms linear', + opacity: 0 + }) + ); setTimeout(function() { NProgress.remove(); next();