2013-04-04 46 views
1

我有一个基本的HTML 4网页,其中包含一个NPAPI插件,该插件可以让线程在后台运行并在几秒钟后通过JavaScript回调返回。
不要让“插件”部分吓跑你 - 这是一个简单的HTML/JavaScript问题。HTML 4不确定进度指示器

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

我怎么能开除说进度对话框一旦我恢复回调控制?

我希望这样做尽可能最小化。


解决方案
我用@布赖恩的和@ 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图像。

的JavaScript在<head>

<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> 
+2

只需显示一个动画gif,然后在回调中再次隐藏它。 – 2013-04-04 04:12:51

回答