PHP实现的进度条效果详解


Posted in PHP onMay 03, 2016

本文实例讲述了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;
//每条记录的操作所占的进度条单位长度
$pix = $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.getElementById("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; 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> 
<?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("操作完成!", <?php echo $width; ?>); 
</script>
<?php
flush();
?>
</body>
</html>

希望本文所述对大家PHP程序设计有所帮助。

PHP 相关文章推荐
php+mysql事务rollback&amp;commit示例
Feb 08 PHP
下拉列表多级联动dropDownList示例代码
Jun 27 PHP
PHP函数实现分页含文本分页和数字分页
Oct 23 PHP
使用PHP如何实现高效安全的ftp服务器(一)
Dec 20 PHP
php+html5实现无刷新图片上传教程
Jan 22 PHP
Zend Framework实现留言本分页功能(附demo源码下载)
Mar 22 PHP
php 使用redis锁限制并发访问类示例
Nov 02 PHP
利用ajax和PHP实现简单的流程管理
Mar 23 PHP
PHP基于简单递归函数求一个数阶乘的方法示例
Apr 26 PHP
Yii2配置Nginx伪静态的方法
May 05 PHP
ThinkPHP框架表单验证操作方法
Jul 19 PHP
ThinkPHP3.2框架操作Redis的方法分析
May 05 PHP
php实现按天数、星期、月份查询的搜索框
May 02 #PHP
php支持断点续传、分块下载的类
May 02 #PHP
php数组分页实现方法
Apr 30 #PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
Apr 30 #PHP
php打包压缩文件之ZipArchive方法用法分析
Apr 30 #PHP
php使用pclzip类实现文件压缩的方法(附pclzip类下载地址)
Apr 30 #PHP
php简单实现数组分页的方法
Apr 30 #PHP
You might like
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
jQuery EasyUI API 中文文档 - Tree树使用介绍
2011/11/19 Javascript
网站如何做到完全不需要jQuery也可以满足简单需求
2013/06/27 Javascript
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
js父页面与子页面不同时显示的方法
2014/10/16 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
AngularJS 2.0入门权威指南
2016/10/08 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
layui导航栏实现代码
2017/05/19 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
2018/12/14 Javascript
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
2020/08/31 Javascript
[02:52]2014DOTA2西雅图国际邀请赛 CIS战队巡礼
2014/07/07 DOTA
Python实现九宫格式的朋友圈功能内附“马云”朋友圈
2019/05/07 Python
Python+selenium点击网页上指定坐标的实例
2019/07/05 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
如何定义TensorFlow输入节点
2020/01/23 Python
pytorch数据预处理错误的解决
2020/02/20 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
美国知名运动产品零售商:Foot Locker
2016/07/23 全球购物
沙龙级头发造型工具:FOXYBAE
2018/07/01 全球购物
考核工作实施方案
2014/03/30 职场文书
大专生求职信
2014/06/29 职场文书
教师党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2014村党支部书记党建工作汇报材料
2014/11/02 职场文书
党的群众路线教育实践活动个人整改措施范文
2014/11/04 职场文书
2014年依法行政工作总结
2014/11/19 职场文书
2014年小学少先队工作总结
2014/12/18 职场文书
考研英语复习计划
2015/01/19 职场文书
孩子满月酒答谢词
2015/09/30 职场文书
2016年公务员六五普法心得体会
2016/01/21 职场文书
同学联谊会邀请函
2019/06/24 职场文书
详解TypeScript中的类型保护
2021/04/29 Javascript
Python开发简易五子棋小游戏
2022/05/02 Python