jquery - 在网页完全加载之前，如何在网页上显示进度条？

我想在网页上显示进度条/加载弹出窗口，直到页面完全加载为止。

我的网页很沉重，因为其中包含一个HTML编辑器，这是一个基于jQuery的HTML编辑器，需要花费大量时间才能完全加载。在加载过程中，我希望在页面上显示一个进度条，该进度条将在整个页面加载完成后立即删除。

最佳答案

不知道如何显示进度条。
但是使用jQuery BlockUI Plugin可以轻松显示加载弹出窗口
只需在head标签内引用jQuery和BlockUi插件即可。

然后做这样的事情。

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

如果您使用的是类似CKEditor之类的东西，那么更好的是，您可以在ckeditor的加载完成回调之后取消阻止页面。

这是一个小示例，其中页面被阻止10秒钟。您可以在回调中设置相同的值。 (Example Here)

关于jquery - 在网页完全加载之前，如何在网页上显示进度条？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6557271/