自己写的页面加载进度条jquery插件

(function ($) {
    var progressId = "progress" + Math.round(Math.random() * 100)
    var progress = "<div id='" + progressId + "' style='background: green;height:10px;position: fixed;left:0;top:0;'></div>"
    progressId = "#" + progressId
    $("body").append(progress);
    console.log($(progressId).attr("outHTML"))
    var i = 0;
    var id = window.setInterval(function () {
        i = i + 5;
        console.log(i)
        $(progressId).animate({"width": i + "%"})
        if (i == 80) {
            clearInterval(id)
        }
    }, 100)
    window.onload = function () {
        window.clearInterval(id)
        $(progressId).animate({"width": "100%"})
        setTimeout(function(){
            $(progressId).hide();
        },1000)
    }
})($)

转载于:https://www.cnblogs.com/liuhao-web/p/9084046.html