使用PDFObject显示加载指示器

Question

我需要显示某种指示器，而PDF是加载。我展示的PDF可能需要40秒或更长的时间才能生成和嵌入。

我知道我可以检查PDFObject嵌入是否成功(通过使用this示例)。但是，这不会给出文件何时完成下载的指示。

我也意识到我可以设计它的样式。但是，这也不起作用，因为它在加载PDF后保留了该样式。此外，虽然我可以设置对象的边框、位置、高度等样式，但我不能让cursor这样的属性工作：

#pdf object {
  border: 5px solid red;       // does work, but still shows up after the PDF loads
  cursor: progress !important; // doesn't work
}

当文件成功下载时，有什么方法可以让我看到吗？

Answer 1

不幸的是，PDF阅读器(包括原生阅读器和Adobe Reader等第三方阅读器)不提供负载百分比详细信息。PDFObject无法知道文件有多大，也无法知道加载文件需要多长时间。

Answer 2

我知道这仍然是一个老帖子，但如果你仍然在寻找解决方案。您可以尝试使用z-index为99使<div>位置相对，然后使div内的微调器成为绝对位置，然后使用位置相对和pdf 99设置pdf对象，这样，pdf对象将位于微调器的顶部，而不是看起来像加载了pdf一样。

div.container {
width: 100%;
height: 100%;
display: block;
position: relative; }

#spinner {
position: absolute;
z-index: 99; }

#pdf-container {
width: 100%; /* optional */
margin: 0 auto; /* optional */
border-bottom: 1px solid #666; /* optional */
position: absolute;
z-index: 99; }