Javascript (индикатор загрузки)

<script language="javascript">
var pColor = '#0a246a';
var pBars = 20;
var pDiv = document.createElement("div");
pDiv.style.position = 'absolute';
pDiv.style.width = 'auto';
pDiv.style.height = 'auto';
pDiv.style.padding = '5px';
pDiv.style.backgroundColor = '#d4d0c8';
pDiv.style.borderWidth = '2px';
pDiv.style.borderStyle = 'outset';
pDiv.style.zIndex = '1';
pDiv.onselectstart = function() { return false; }

var pTable = document.createElement("table");
pTable.id = 'pBar';
pTable.cellSpacing = '1';
pTable.cellPadding = '0';
pTable.style.borderWidth = '1px';
pTable.style.borderStyle = 'inset';
pTable.style.cursor = 'default';

var tRow = pTable.insertRow(0);
for(var n=1;n<=pBars;n++)
{
   var tCell = tRow.insertCell(tRow.cells.length);
   tCell.width = '7';
   tCell.height = '15';
}

pDiv.appendChild(pTable);

pDiv = document.body.appendChild(pDiv);
pDiv.style.top = Math.round(document.body.clientHeight/2-pTable.offsetHeight/2)+'px';
pDiv.style.left = Math.round(document.body.clientWidth/2-pTable.offsetWidth/2)+'px';;

function progress()
{
   var pBar = document.getElementById('pBar');
   if(pBar)
   {
      for(var n=0; n<pBar.rows[0].cells.length; n++)
      {
         if(pBar.rows[0].cells[n].bgColor!=pColor)
         {
            pBar.rows[0].cells[n].bgColor = pColor;
            break;
         }
      }
   }
}
</script>