配合前端来做 先做一个宽度100%的灰色矩形 上面覆盖一个有颜色的矩形 默认宽度0
成都创新互联公司服务项目包括廊坊网站建设、廊坊网站制作、廊坊网页制作以及廊坊网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，廊坊网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到廊坊省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
后端把数据渲染到前端 数据要在后端处理成百分比 也就是 值/总数*100 如20/200*100=10 也就是10% 把这个10传给页面 把有颜色的矩形宽度设置为10%的宽度就行了
解决思路：
任务分两种，一个是总进度，也就是任务队列，用一个array保存起来
还有一个就是任务的进度，如，当前任务完成了多少
用一个参数来指示当前进度，如currentTask，再用两个参数来指示当前正在执行任务的任务进度，比如导出数据，用begin和end来表示当前导出的是从begin到end之间的记录数
每次任务执行完之后再把begin和end同时在加上增量，再让浏览器跳转一下，这样就可以调到下一步继续执行了，每当在执行当前任务结束时，将CurrentTask向后指示，继续任务队列中的任务
以上用到的参数都是用querystring来保存的，包括任务队列信息，也可以用临时文件来保存
?php//防止执行超时set_time_limit(0);//清空并关闭输出缓存ob_end_clean();//需要循环的数据for($i = 0; $i 188; $i++){ $users[] = 'Tom_' . $i;}//计算数据的长度$total = count($users);//显示的进度条长度，单位 px$width = 500;//每条记录的操作所占的进度条单位长度$pix = $width / $total;//默认开始的进度条百分比$progress = 0;?htmlheadtitle动态显示服务器运行程序的进度条/titlemeta http-equiv="Content-Type" content="text/html; charset=utf-8" /stylebody,div input { font-family: Tahoma; font-size: 9pt}/stylescript language="JavaScript" !-- function updateProgress(sMsg, iWidth) { document.getElementById("status").innerHTML = sMsg; document.getElementById("progress").style.width = iWidth + "px"; document.getElementById("percent").innerHTML = parseInt(iWidth / ?php echo $width; ? * 100) + "%"; } -- /script/headbody div style="margin:50px auto; padding: 8px; border: 1px solid gray; background: #EAEAEA; width: ?php echo $width+8; ?px" div style="padding: 0; background-color: white; border: 1px solid navy; width: ?php echo $width; ?px" div id="progress" style="padding: 0; background-color: #FFCC66; border: 0; width: 0px; text-align: center; height: 16px"/div /div div id="status"/div div id="percent" style="position: relative; top: -30px; text-align: center; font-weight: bold; font-size: 8pt"0%/div /div?phpflush(); //将输出发送给客户端浏览器foreach($users as $user){ // 在此处使用空循环模拟较为耗时的操作，实际应用中需将其替换； // 如果你的操作不耗时，我想你就没必要使用这个脚本了 :) for($i = 0; $i 1000000; $i++) { } ?script language="JavaScript" updateProgress("正在操作用户 ?php echo $user; ? ....", ?php echo min($width, intval($progress)); ?);/script?php flush(); //将输出发送给客户端浏览器，使其可以立即执行服务器端输出的 JavaScript 程序。 $progress += $pix;} //end foreach?script language="JavaScript" //最后将进度条设置成最大值 $width，同时显示操作完成 updateProgress("操作完成！", ?php echo $width; ?);/script?phpflush();?/body/html
不知道你会不会JS，这类问题用PHP是无法实现的，只有用JS来做。一般是设置两个全局变量存放需要装载、已经完成装载的部件数，然后用定时器更新进度显示，例如：
div id=load_stat进度显示/div
script type=text/javascript
var need_load=10;//部件里面使用onload的数量
var load_ok=0;
function show_loading(){
var e=document.getElementById('load_stat');
if (load_okneed_load){
e.innerHTML='共有'+need_load+'个需要装载，已经装载了'+load_ok+'个，完成'+Math.round(load_ok/need_load,2)+'％';
setTimeout("show_loading();",500);//过半秒显示进度
} else e.style.display='none';//关闭进度条
}
setTimeout("show_loading();",500);//过半秒显示进度
/script
img src='...' onload="load_ok++;"
img src='...' onload="load_ok++;"
img src='...' onload="load_ok++;"
img src='...' onload="load_ok++;"
img src='...' onload="load_ok++;"
img src='...' onload="load_ok++;"
img src='...' onload="load_ok++;"
img src='...' onload="load_ok++;"
img src='...' onload="load_ok++;"
img src='...' onload="load_ok++;"
img src='...' onload="load_ok++;"
如果确实想精确的处理下载进度条的话，两种方案：
第一种是需要用socket保持与客户端通信，返回已下载的数据大小，然后可以显示下载速度，以及进度条之类。
第二种是php与flash交互，显示进度条。
否则的可以显示一个模拟进度条，如果满足需求的话。
满意请采纳。
一般来说，很少会有人直接用PHP输出
进度条
，但是也是可以实现的（需要JS）。
原理和过程：
利用flush函数会提前输出缓冲区内容；
内容是主要的进度条；
循环》
输出改变内容的JS；
暂停一秒，继续循环；
所有的输出都要先放到缓冲区的，直接echo的输出是等到页面结束才输出。
用户的函数：
sleep()
ob_start()
ob_flush()
flush()
或
ob_implicit_flush();
具体的代码就不写了，要自己动手哦，百度下每个函数的意思，加深理解和记忆。