javascript - 如何在网页加载之前制作预加载器？

Question

我想制作一个预加载器栏，显示页面在完全加载之前加载了多少(类似于 pushcollective.com，请注意页面完全加载之前的上部栏)。

我怎样才能实现这样的目标？我想象首先将用户引导到加载页面，然后使用 AJAX 请求页面，并在完成加载后将请求的内容放入 div 中。但我认为这不是一个干净的解决方案？

Answer 1

您提供链接的网站 ( http://pushcollective.com/ ) 使用 NProgress.js plugin .据我所知，它使用随机值来增加进度条(恕我直言，这不是一个非常优雅的解决方案，但我想这是唯一可能的解决方案)。
这是插件代码的片段:

/**
 * Increments by a random amount.
 */

  NProgress.inc = function(amount) {
    var n = NProgress.status;

    if (!n) {
      return NProgress.start();
    } else {
      if (typeof amount !== 'number') {
        amount = (1 - n) * clamp(Math.random() * n, 0.1, 0.95);
      }

      n = clamp(n + amount, 0, 0.994);
      return NProgress.set(n);
    }
  };