jquery – 如何在网页上显示进度条,直到网页完全加载？

我想在网页中显示进度条/加载弹出窗口,直到页面完全加载.

我的网页很重,因为它包含一个HTML编辑器,它是一个基于jQuery的HTML编辑器,花费大量的时间来完全加载.在加载时,我希望在我的页面上显示一个进度条,这将在我的整个页面加载完毕后被删除.

解决方法

不知道如何显示进度条.
但是使用 jQuery BlockUI Plugin可以轻松显示加载弹出窗口
只需将头部标签中的jQuery和BlockUi插件引用.

然后做这样的事情.

$(document).ready(function() { 
    // block page
    $.blockUI();
    //load your editor here
    //after load complete unblock page
    $.unblockUI();
});

更好的是,如果你使用像CKEditor这样的东西,你可以在加载完成回调ckeditor之后取消阻止页面.

这是一个小例子,一个页面被阻止了10秒.你可以在你的回调中设置相同的. (Example Here)