php+js进度条

最新推荐文章于 2023-02-07 21:25:47 发布

iteye_6233

最新推荐文章于 2023-02-07 21:25:47 发布

阅读量122

点赞数

文章标签： php javascript ViewUI

本文介绍了一种使用PHP脚本动态更新HTML页面上的进度条的方法。通过不断改变图片的宽度和文本显示的百分比来模拟任务进度的变化。该示例还包含了一个用于延时并模拟工作负载的循环。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
</head>
<body>
	<table width="400" border="0" cellspacing="1" cellpadding="1">
    	<tr>
        	<td bgcolor="000">
            	<table width="400" bgcolor="0" cellspacing="0" cellpadding="1">
                	<tr>
                    	<td bgcolor="fff">
                        
                        	<img src="logo2.png" width="0" height="16" id="percent_img" name="percent_img" align="absmiddle">
                        </td>
                    </tr>
                </table>
            </td>
            <td>
            	<span id="percent_txt" name="percent_txt">0%</span>
            </td>
        </tr>
    </table>
</body>
</html>

<?php

flush();
for($i=0;$i<=100;$i++){//循环执行100次javascript代码
	$width=$i*4;
	echo "<script>";
	echo "percent_img.width=$width;";//控制图片宽度
	echo "percent_txt.innerHTML='".$i."%';";
	echo "</script>";
	
	for($j=0;$j<10000;$j++){
		//为了演示进度条，此处为空循环
		echo $j.'<br>';
		}
		flush();
	}

?>