欢迎光临胡政的个人博客站!

胡政个人网站-胡政个人博客

胡政个人博客网站

关注互联网和搜索引擎的技术博客

您当前的位置:主页 > php学习笔记 >

实现简单进度条(php)源码

发布时间:2015-08-06 13:48   点击:     编辑:admin

有时候我们需要做一些统计,比如说工作进度到了百分之多少啊,或是其它的什么都了百分之多少什么的,作为显示这一信息的作用,可以使用这样子的代码,但让图中的进度图片你可以自己找一个适合自己的。
<html>
<head>
</head>
<body>
<table width="400" border="0" cellspacing="1" cellpadding="1">
<tr>
<td bgcolor="000000">
<table width="400" border="0" cellspacing="0" cellpadding="1">
<tr>
<td bgcolor="ffffff">
<img src="jindutiaor.gif" src="jindutiaor.gif" 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<1000000;$j++)
{
//为了演示进度条的效果,这里执行了一个空循环
}
flush();
}
?>
这里面用的是循环的进度。你要是只想要展示一些数据的话可以改成
<?php
flush();
$nuer=你现在拥有的多少/总的*100%;
 
$width = $nuer* 4;
echo "<SCRIPT>";
echo "percent_img.width=$width;"; //控制图片宽度
echo "percent_txt.innerHTML='$nuer%';"; //控制百分比显示
echo "</SCRIPT>";
 
flush();
 
?>
大概就是这么一个思路吧。要是有不对的可以一起讨论。

最近访客

    热评文章