如何在 WordPress 中获取 AJAX 页面加载的进度？答案

【问题标题】：How to get progress of an AJAX page load in WordPress?如何在 WordPress 中获取 AJAX 页面加载的进度？
【发布时间】：2013-09-23 13:31:15
【问题描述】：

我在我的 WordPress 博客上使用了一个名为 Advanced Ajax Page Loader 的插件，它只是通过 AJAX 加载下一页或帖子，然后将其放入我指定的 div 中。我想要做的是在页面的某处显示一个进度条（不仅仅是说“正在加载...”并显示某种类型的动画 gif）。

这甚至可能吗？每次通过 PHP 加载新帖子或页面时，文件大小都会有所不同。

看起来XMLHttpRequest.onprogress 是一个不错的起点，但就像我说的那样，我不知道是否可以在检索页面完成之前计算文件大小。

【问题讨论】：

【解决方案1】：

对于ajax进度条，只需将此脚本添加到主题标题中即可。

<head>
  <script src="/pace/pace.js"></script>
  <link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
</head>

别忘了添加 CSS。在您添加一些样式之前，它不会显示。

【讨论】：