HTML 4不确定进度指标

时间:2013-04-04 04:04:12

标签: javascript html browser

我有一个带有NPAPI插件的基本HTML 4网页,我正在编写这个插件会导致Thread在后台运行并在几秒钟后通过JavaScript回调返回。
不要让“插件”部分吓跑你 - 这是一个直接的HTML / JavaScript问题。

如何在此过程中显示简单的不确定进度指示器?

一旦重新获得回调中的控制权,我该如何解除所述进度对话框?

我希望这能尽量减少这一点。


解决方案
我使用了@ Brian和@ taxilian的建议。以下是我对最简单的进度指标的实施细节。

  1. 我找到了一个很好的动画“loading.gif”图片。正确的谷歌搜索 提供了无数的选项,例如:Animated Gif
  2. 将图片添加到您的html <body>
    <img src="loading.gif" alt="Scanning..." id="loading_img" style="visibility:hidden;" />
  3. 将JavaScript函数showLoading()hideLoading()添加到<head>,如下所示。
  4. 从其他JavaScript函数中随意调用showLoading()hideLoading()以显示和/或隐藏动画Gif图像。
  5. <head>部分中的JavaScript

    <script type="text/javascript">
        function showLoading()
        {
            if(document.getElementById) {
                (document.getElementById("loading_img")).style.visibility="visible";
            }
        }
    
        function hideLoading()
        {
            if(document.getElementById) {
                (document.getElementById("loading_img")).style.visibility="hidden";
            }
        }
    </script>
    

1 个答案:

答案 0 :(得分:2)

正如上面的评论所示,最常见的方法是显示animated gif loading indicator,然后将其隐藏在回调中。