当用户尝试下载文件时如何显示进度条答案

【问题标题】：How to show a progress bar when a user attempts to download a file当用户尝试下载文件时如何显示进度条
【发布时间】：2010-12-14 12:50:28
【问题描述】：

我有一个网站，当用户单击按钮时会下载 pdf。唯一的问题是生成该 pdf 服务器端大约需要 15 秒，所以同时用户想知道为什么它这么慢。如何显示一个进度条，该进度条将在服务器假脱机 pdf 时显示，然后在下载开始（或停止，无论如何）时消失。

** 已编辑 **

我正在使用 jquery，到目前为止，我所做的是单击我添加了一个类并应用了背景图像。背景图像是动画 gif 并显示出来。我希望在您单击下载 pdf 后，它会将浏览器重定向到 pdf，然后在开始下载后返回页面，刷新页面并删除背景图像。这个没有骰子:(

我将尝试如下所述的 uniqid 方法。

想法？？

【问题讨论】：

【解决方案1】：

您可以只添加一个微调器（向用户显示正在发生的事情），然后写下创建 PDF 大约需要 15 秒。对于大多数用户来说，这应该足够了。

【讨论】：

【解决方案2】：

您的服务器端代码应为每个 PDF 提供一个唯一 ID。当用户单击下载 PDF 时，AJAX 会检索唯一 ID。然后 AJAX 可以访问将返回进度的服务器端页面 (progress.php?pdf-id=4)。 jQuery UI 有一个已经设置好的进度条，所以你不需要自己创建它。

【讨论】：