Делается запрос в бд, возвращается число. Так же есть максимальное значение. Надо сделать - некий прогресс бар, который будет показывать текущее состояние, с учетом того, что от нуля до полного заполнения проходит 10 минут. И в режиме реального времени показывает прогресс прошедшего времени хелп?
<div style="width: 100px; height: 10px; border: 1px solid black;"> <div id="progress" style="height: 100%; background-color: red; width: 0px;"></div> </div> var progressContainer = document.getElementById('progress'), maxCount = 230, callback = function (serverData) { progressContainer.style.width = 100 / maxCount * serverData.value +'%'; };
HTML: <html> <head> <script> window.onload = init(); var init = function () { var maxValue = '<?php echo $maxValue; ?>', currentTime = 0, totalTime = 600, timePeriod = 1, mod = maxValue / totalTime, progressbarContainer = document.getElementById('progress'), updateProgressbar = function () { var count = Math.round(mod * currentTime); progressbarContainer.style.width = count / maxValue * 100 +'%'; progressbarContainer.innerHTML = count; if (currentTime <= totalTime) { currentTime += timePeriod; return true; } // место под выполнение кода на завершение таймера console.log('Готово'); clearInterval(timeInterval); }, timeInterval = setInterval(updateProgressbar, timePeriod * 1000); } </script> </head> <body> <div style="width: 100px; height: 20px; border: 1px solid black;"> <div id="progress" style="height: 100%; background-color: red; width: 0px;"></div> </div> </body> </html> В личке уточнились детали, терь вроде должно работать как нужно. Зы. этот таймер не будет работать корректно, если у чела будут подвисания страницы. Можно переписать на машинное время клиента если потребуется. Зыы. а еще не мешало бы уменьшить кол-во сообщений в личке )