JavaScript изображение Графическая полоса прогресса

Начало Изображение Графическая полоса прогресса

Скрипт отображает как саму полосу, так и процентное значение хода выполнения задачи. Для отображения полосы прогресса используется рисунок.

JavaScript изображение Графическая полоса прогресса

<script> var count=1; function progress() { if(document.layers) { if (count <100) count++; if(document.bar.document.progress.width < 200 ) { document.bar.document.write("<img src=\"i1.gif\" height=15 width=" + count*2 + " name=\"progress\">"); document.bar.document.close(); } if (count <100) count++; document.digits.document.write(count + " %"); document.digits.document.close(); if (count >=100) {alert("Complete!"); return; } setTimeout('progress()',50); } if(document.all) { if(document.progress.width < 200 )document.progress.width +=2; if (count <100) count++; document.all.digits.innerHTML = count + " %"; if (count >=100) {alert("Complete!"); return; } setTimeout('progress()',50); } } </script> <div id="bar" style="position:absolute; top:80px; left:20px;"> <img src="i1.gif" width=1 height=15 name="progress"> </div> <font size=2> <div id="digits" style="position:absolute; top:100px; left:110px;"> </div> </font> <br><br><br><br><br><br><br><br>