Question

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

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

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

Answer 1

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

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

不要忘记添加CSS。在添加某些样式之前，它不会显示。