HTML5：点击进度条答案

【问题标题】：HTML5 : progress bar on clickHTML5：点击进度条
【发布时间】：2012-09-11 06:13:48
【问题描述】：

我有一个包含可点击内容的 html 文件

<tr onclick="callfn('Afile.jsp?param1=<%= value1%>');" id="contenttr">

其中 callfn 是加载图像的 javascript 文件中的函数。由于此功能需要时间，我必须在加载过程中显示进度条。

我可以添加进度条标签吗？如果可以，我该怎么做？

救命！！ :(

【问题讨论】：

jqueryui.com/demos/progressbar/
docs.jquery.com/UI/Progressbar

标签： html progress-bar

【解决方案1】：

也许这不是您需要的 100%，但我已经创建了一个简单的拖放功能实验以满足我的个人需求。因为这个过程涉及大量的代码编写，所以我在我的网站上发布。您可以在此处查看源代码并根据您的要求进行调整：http://hellopixel.net/experiments/javascript/drag-drop/。

【讨论】：

【解决方案2】：

我无法使用进度元素，所以最终使用 gif 图像显示进度条

http://ajaxload.info/ 帮我拍了一张好的gif图片

【讨论】：