加载页面错误

Question

我有一个基于以下进度条码的自定义加载页面。

    document.onreadystatechange = function(e)
{
  if(document.readyState=="interactive")
  {
    var all = document.getElementsByTagName("*");
    for (var i=0, max=all.length; i < max; i++) 
    {
      set_ele(all[i]);
    }
  }
}

function check_element(ele)
{
  var all = document.getElementsByTagName("*");
  var totalele=all.length;
  var per_inc=100/all.length;

  if($(ele).on())
  {
    var prog_width=per_inc+Number(document.getElementById("progress_width").value);
    document.getElementById("progress_width").value=prog_width;
    $("#bar1").animate({width:prog_width+"%"},10,function(){
      if(document.getElementById("bar1").style.width=="100%")
      {
          $("#about1").show();
      }         
    });
  }

  else  
  {
    set_ele(ele);
  }
}

function set_ele(set_element)
{
  check_element(set_element);
}

我已将此加载页面代码保留在其HTML的顶部（head标记的第一行）。 但它并没有给我加载效果。当加载所有内容（图像，HTML和导入的文件）时，就像整个页面一样，加载页面会显示100％进度条。

请帮帮我。 如果您需要查看工作演示，请访问www.scratchcoder.com