PHP实现的进度条效果详解__第1页
PHP实现的进度条效果详解__第2页
PHP实现的进度条效果详解__第3页
PHP实现的进度条效果详解__第4页
免费预览已结束,剩余1页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、PHP实现的进度条效果详解_ 本文实例讲解并描述了PHP实现的进度条效果。分享给大家供大家参考,具体如下: 在做采集的时候,想通过php来实现一个进度条功能,谷歌了一下,找了个合适的代码。下面挺直上代码: ?php /防止执行超时 set_time_limit(0); /清空并关闭输出缓存 ob_end_clean(); /需要循环的数据 for($i = 0; $i 188; $i+) $users = Tom_ . $i; /计算数据的长度 $total = count($users); /显示的进度条长度,单位 px $width = 500; /每条记录的操作所占的进度条单位长度 $p

2、ix = $width / $total; /默认开头的进度条百分比 $progress = 0; ? html head title动态显示服务器运行程序的进度条/title meta http-equiv=Content-Type content=text/html; charset=utf-8 / style body,div input font-family: Tahoma; font-size: 9pt /style script language=JavaScript !- function updateProgress(sMsg, iWidth) document.getEle

3、mentById(status).innerHTML = sMsg; document.getElementById(progress).style.width = iWidth + px; document.getElementById(percent).innerHTML = parseInt(iWidth / ?php echo $width; ? * 100) + %; - /script /head body div style=margin:50px auto; padding: 8px; border: 1px solid gray; background: #EAEAEA; w

4、idth: ?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=posit

5、ion: relative; top: -30px; text-align: center; font-weight: bold; font-size: 8pt0%/div /div ?php flush(); /将输动身送给客户端扫瞄器 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

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论