iframeを使って、プログレスバーを表示する方法を紹介します。
iframeでプログラムを実行し、そこから親画面のプログレスバーを操作するだけです。
少し古いやり方ですね。。。
HTML5では、progressタグを使って簡単にプログレスバーを表示できますよ。
プログレスバーのデザインは、各自行う必要があります。
<div class="progress-area">読み込み中...<br />
<div class="progress-bar">
<div id="progress" class="progress-info" style="width: 0%"></div>
</div>
</div>
<iframe style="display:none;" name="progress_frame" src="hoge.php"></iframe>
iframeで実行するプログラムです。iframeで呼ばれた画面から親画面を指定する場合は、parentを使います。
$count = 10;
for($i=1;$i<=$count;$i++) {
echo '<script type="text/javascript">// <![CDATA[
$("#progress", parent.document).css("width","' . ceil($i / $count * 100) . '%");
// ]]></script>';
flush();
ob_flush();
}