' + '

' + '0%' + '

'; function attach() { (document.body || document.documentElement).appendChild(veil); run(); } function run() { var fill = veil.querySelector('.npl-preloader__rail span'); var pct = veil.querySelector('.npl-preloader__pct'); var shown = 0; var started = Date.now(); var done = false; function end() { if (done) return; done = true; if (fill) fill.style.transform = 'scaleX(1)'; if (pct) pct.textContent = '100%'; veil.setAttribute('data-done', ''); setTimeout(function () { if (veil.parentNode) veil.parentNode.removeChild(veil); }, 520); } function tick() { // A frame queued before end() ran would otherwise land AFTER it and // write 99 over the 100 — the bar visibly counting backwards at the // last moment, which is worse than never reaching 100 at all. if (done) return; var imgs = document.images; var loaded = 0; for (var i = 0; i < imgs.length; i++) if (imgs[i].complete) loaded++; var imageShare = imgs.length ? loaded / imgs.length : 1; var docShare = document.readyState === 'complete' ? 1 : 0.4; var real = imageShare * 0.7 + docShare * 0.3; // Only ever forward, and never past 99 until everything is in: a bar // that reaches 100 and then waits is what makes people distrust them. var target = Math.min(99, Math.round(real * 100)); if (target > shown) { shown = target; if (fill) fill.style.transform = 'scaleX(' + (shown / 100) + ')'; if (pct) pct.textContent = shown + '%'; } if (real >= 1) { end(); return; } // The ceiling. A hung image must not hold the page hostage. if (Date.now() - started > 2200) { end(); return; } requestAnimationFrame(tick); } requestAnimationFrame(tick); window.addEventListener('load', end); } if (document.body) attach(); else document.addEventListener('DOMContentLoaded', attach); })();

Create an account