Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript nodeb上的进度条实现_Javascript_Html_Node.js_Model View Controller_Socket.io - Fatal编程技术网

Javascript nodeb上的进度条实现

Javascript nodeb上的进度条实现,javascript,html,node.js,model-view-controller,socket.io,Javascript,Html,Node.js,Model View Controller,Socket.io,我发现了一个有趣的网站,我感兴趣的是页面顶部的进度条。我想知道如何使用javascript实现这个条来表示视图的加载状态 它是图书馆吗?谢谢。我深入研究了源代码,找到了这个。所以现在答案很清楚了 (function() { var e = app.refreshTitle, t = $(".loading-bar"); $(window).on("action:ajaxify.start", function(e) { t.fadeIn(0).removeClas

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


它是图书馆吗?谢谢。

我深入研究了源代码,找到了这个。所以现在答案很清楚了

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