大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
配合前端来做 先做一个宽度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();
具体的代码就不写了,要自己动手哦,百度下每个函数的意思,加深理解和记忆。