搜索时，出现搜索进度条

php页面中，
有个　搜索　按纽　点击搜索，页面中会出现很多记录，
如需求是：在记录没出现之前（出现记录是需要一定的查询时间的），先要出现个搜索进度条，等记录出现时，进度条就取消，就出现记录，
这如何实现，

解决方案 »

  1.   

    定义一个标签。。比如div
    然后使用JS动态增加或者拉伸一张小图片，
    输出数据肯定是循环输出的，JS语句就放在循环语句里面。
    输出完成后，最后JS擦掉div的内容。要代码么？
      

  2.   

    其实大多数的进图条都是不精确的，并不是真的到了,百分之多少多少了，而是分块的，也就是一块功能一块功能的分，比如：有《A连接数据库》《B组织变量》《C进行查询》《D组织结果》等4本分，我让A执行完进度条上升到%20(当然了，还是要按大体时间来安排进度比例的)，完成了B我让进度条上升到%50，以上分析是个人想法
      

  3.   

    php页面中，
    有个　搜索　按纽　点击搜索，页面中会出现很多记录，
    如需求是：在记录没出现之前（出现记录是需要一定的查询时间的），先要出现个搜索进度条，等记录出现时，进度条就取消，就出现记录，
    这如何实现，
      

  4.   

    进度条：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
    <title>进度条</title> 
    <style type="text/css"> 
    body{ 
    text-align:center; 
    } 
    .graph{ 
    width:450px; 
    border:1px solid #F8B3D0; 
    height:25px; 
    } 
    #bar{ 
    display:block; 
    background:#FFE7F4; 
    float:left; 
    height:100%; 
    text-align:center; 
    } 
    #barNum{ 
    position:absolute; 
    } 
    </style> 
    <script type="text/javascript"> 
    function $(obj){ 
    return document.getElementById(obj); 
    } 
    function go(){ 
    $("bar").style.width = parseInt($("bar").style.width) + 1 + "%"; 
    $("bar").innerHTML = $("bar").style.width; 
    if($("bar").style.width == "100%"){ 
    window.clearInterval(bar); 
    } } 
    var bar = window.setInterval("go()",100); 
    window.onload = function(){ 
    bar; 
    } 
    </script> 
    </head> 
    <body> 
    <div class="graph"> 
    <strong id="bar" style="width:0%;"></strong> 
    </div> 
    </body> 
    </html> 
    进度条可以弄成假的，到99%如果搜索还没出来，就停在那。直到结果出来或者超时。（个人看法）
      

  5.   

    $(function($) {
    $('#pageDemo3').click(function() {
    $.blockUI({ message: '<h1>正在搜索...</h1>' });//<img src="images/busy.gif" />
    setTimeout($.unblockUI, 3000); 
          //  test();
        });});