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) 
    } 
})()