PHP设置进度条的方法


Posted in PHP onJuly 08, 2015

本文实例讲述了PHP设置进度条的方法。分享给大家供大家参考。具体如下:

<html>
<head>
<style type="text/css"><!--
div {
 margin: 1px;
 height: 20px;
 padding: 1px;
 border: 1px solid #000;
 width: 275px;
 background: #fff;
 color: #000;
 float: left;
 clear: right;
 top: 38px;
 z-index: 9
}
.percents {
 background: #FFF;
 border: 1px solid #CCC;
 margin: 1px;
 height: 20px;
 position:absolute;
 width:275px;
 z-index:10;
 left: 10px;
 top: 38px;
 text-align: center;
}
.blocks {
 background: #EEE;
 border: 1px solid #CCC;
 margin: 1px;
 height: 20px;
 width: 10px;
 position: absolute;
 z-index:11;
 left: 12px;
 top: 38px;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
 opacity: 0.5;
 -khtml-opacity: .5
}
-->
</style>
</head>
<body>
<?php
if (ob_get_level() == 0) {
  ob_start();
}
echo str_pad('Loading... ',4096)."<br />\n";
for ($i = 0; $i < 25; $i++) {
  $d = $d + 11;
  $m=$d+10;
  //This div will show loading percents
  echo '<div class="percents">' . $i*4 . '% complete</div>';
  //This div will show progress bar
  echo '<div class="blocks" style="left: '.$d.'px"> </div>';
  flush();
  ob_flush();
  sleep(1);
}
ob_end_flush();
?>
<div class="percents" style="z-index:12">Done.</div>
</body>
</html>

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

PHP 相关文章推荐
php的计数器程序
Oct 09 PHP
如何在PHP中使用Oracle数据库(1)
Oct 09 PHP
PHP自定义函数收代码
Aug 01 PHP
PHP如何抛出异常处理错误
Mar 02 PHP
php fsockopen伪造post与get方法的详解
Jun 14 PHP
php多线程实现方法及用法实例详解
Oct 26 PHP
php获得客户端浏览器名称及版本的方法(基于ECShop函数)
Dec 23 PHP
PHP+apc+ajax实现的ajax_upload上传进度条代码
Jan 25 PHP
PHP通过引用传递参数用法分析
Dec 01 PHP
浅谈PHP中try{}catch{}的使用方法
Dec 09 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
Nov 14 PHP
搜索附近的人PHP实现代码
Feb 11 PHP
smarty内部日期函数html_select_date()用法实例分析
Jul 08 #PHP
php类的定义与继承用法实例
Jul 07 #PHP
php抽象类用法实例分析
Jul 07 #PHP
PHP导入导出Excel代码
Jul 07 #PHP
一张表搞清楚php is_null、empty、isset的区别
Jul 07 #PHP
10条php编程小技巧
Jul 07 #PHP
php实现的任意进制互转类分享
Jul 07 #PHP
You might like
YB217、YB235、YB400浅听
2021/03/02 无线电
Zend的MVC机制使用分析(一)
2013/05/02 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
jquery 多行滚动代码(附详细解释)
2010/06/17 Javascript
js 为label标签和div标签赋值的方法
2013/08/08 Javascript
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
JS实现跟随鼠标闪烁转动色块的方法
2015/02/26 Javascript
如何屏蔽防止别的网站嵌入框架代码
2015/08/24 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
requireJS使用指南
2016/04/27 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
2016/08/26 Javascript
Angular.js中$apply()和$digest()的深入理解
2016/10/13 Javascript
微信小程序入门之广告条实现方法示例
2018/12/05 Javascript
微信小程序实现图片上传
2019/05/23 Javascript
了解前端理论:rscss和rsjs
2019/05/23 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
2019/09/26 Javascript
微信小程序保持session会话的方法
2020/03/20 Javascript
[42:00]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第一场 12.13
2020/12/17 DOTA
Python面向对象之继承代码详解
2018/01/29 Python
Python基于hashlib模块的文件MD5一致性加密验证示例
2018/02/10 Python
Python numpy中矩阵的基本用法汇总
2019/02/12 Python
Python 使用生成器代替线程的方法
2020/08/04 Python
Pycharm操作Git及GitHub的步骤详解
2020/10/27 Python
python中用ggplot绘制画图实例讲解
2021/01/26 Python
如何写出高性能的JSP和Servlet
2013/01/22 面试题
移动通信专业自荐信范文
2013/11/12 职场文书
三下乡活动方案
2014/01/31 职场文书
大学生毕业自我鉴定范文
2014/02/03 职场文书
会务接待方案
2014/02/27 职场文书
护士个人自我鉴定
2014/03/24 职场文书
师德师风个人自我剖析材料
2014/09/27 职场文书
师范生见习报告范文
2014/11/03 职场文书
2015年宣传思想工作总结
2015/05/22 职场文书
室外天线与收音机天线杆接合方法
2022/04/05 无线电
Java十分钟精通进阶适配器模式
2022/04/06 Java/Android
Python selenium绕过webdriver监测执行javascript
2022/04/12 Python