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 socke 向指定页面提交数据
Jul 23 PHP
php 计划任务 检测用户连接状态
Mar 29 PHP
PHP仿博客园 个人博客(1) 数据库与界面设计
Jul 05 PHP
thinkphp 一个页面使用2次分页的实现方法
Jul 15 PHP
浅析51个PHP处理字符串的函数
Aug 02 PHP
PHP统一页面编码避免乱码问题
Apr 09 PHP
ThinkPHP函数详解之M方法和R方法
Sep 10 PHP
Symfony2开发之控制器用法实例分析
Feb 05 PHP
thinkPHP简单导入和使用阿里云OSSsdk的方法
Mar 15 PHP
使用WAMP搭建PHP本地开发环境
May 10 PHP
php curl获取https页面内容,不直接输出返回结果的设置方法
Jan 15 PHP
php原生数据库分页的代码实例
Feb 18 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 file_get_contents设置超时处理方法
2013/09/30 PHP
php socket实现的聊天室代码分享
2014/08/16 PHP
PHP自定义错误处理的方法分析
2018/12/19 PHP
用jQuery扩展自写的 UI导航
2010/01/13 Javascript
Extjs NumberField后面加单位实现思路
2013/07/30 Javascript
使用命令对象代替switch语句的写法示例
2015/02/28 Javascript
Javascript URI 解析介绍
2015/03/15 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
seaJs使用心得之exports与module.exports的区别实例分析
2017/10/13 Javascript
js断点调试心得分享(必看篇)
2017/12/08 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
2018/05/16 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
AngularJS ui-router刷新子页面路由的方法
2018/07/23 Javascript
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
JavaScript相等运算符的九条规则示例详解
2019/10/20 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
Node.js学习之内置模块fs用法示例
2020/01/22 Javascript
python双向链表实现实例代码
2013/11/21 Python
Python深入学习之闭包
2014/08/31 Python
python计算对角线有理函数插值的方法
2015/05/07 Python
Python Tkinter实现简易计算器功能
2018/01/30 Python
python 字符串只保留汉字的方法
2018/11/16 Python
python tkinter实现屏保程序
2019/07/30 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
python生成requirements.txt的两种方法
2019/09/18 Python
关于windows下Tensorflow和pytorch安装教程
2020/02/04 Python
Python class的继承方法代码实例
2020/02/14 Python
为您搜罗全球潮流時尚品牌:HBX
2019/12/04 全球购物
优秀生推荐信范文
2013/11/28 职场文书
2014年清明节网上祭英烈寄语
2014/04/09 职场文书
关爱留守儿童标语
2014/06/18 职场文书
教师自查自纠材料
2014/10/14 职场文书
四风批评与自我批评范文
2014/10/14 职场文书
4S店销售内勤岗位职责
2015/04/13 职场文书
《乙女游戏世界对路人角色很不友好》OP主题曲无字幕动画MV公开
2022/04/05 日漫