nodeBB上的进度条实现

Question

我发现了一个有趣的网站nodBB，我感兴趣的是页面顶部的进度条。我想知道如何使用javascript来表示视图的加载状态。

它是一个库吗？谢谢。

Answer 1

我深入了解源代码，发现这个。所以现在答案很清楚。

(function() { 
    var e = app.refreshTitle, t = $(".loading-bar"); 
    $(window).on("action:ajaxify.start", function(e) { 
     t.fadeIn(0).removeClass("reset") 
    }); 
    $(window).on("action:ajaxify.loadingTemplates", function() { 
     t.css("width", "90%") 
    }); 
    app.refreshTitle = function(i) { 
     t.css("width", "100%"); 
     setTimeout(function() { 
      t.fadeOut(250); 
      setTimeout(function() { 
       t.addClass("reset").css("width", "0%") 
      }, 250) 
     }, 750); 
     return e(i) 
    } 
})()