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和mysql的简单的dao类实现crud操作功能
Jan 27 PHP
ThinkPHP实现一键清除缓存方法
Jun 26 PHP
Laravel 5框架学习之Eloquent 关系
Apr 09 PHP
php+ajax 实现输入读取数据库显示匹配信息
Oct 08 PHP
PHP中empty和isset对于参数结构的判断及empty()和isset()的区别
Nov 15 PHP
讲解WordPress开发中一些常用的debug技巧
Dec 18 PHP
PHP获取用户访问IP地址的5种方法
May 16 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
Nov 28 PHP
PHP支付宝当面付2.0代码
Dec 21 PHP
php + WebUploader实现图片批量上传功能
May 06 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
Apr 04 PHP
PHP7 新增常量
Mar 09 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
php查询mysql数据库并将结果保存到数组的方法
2015/03/18 PHP
PHP 使用二进制保存用户状态的实例
2018/01/29 PHP
ThinkPHP框架实现的邮箱激活功能示例
2018/06/15 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
jQuery的实现原理的模拟代码 -3 事件处理
2010/08/03 Javascript
调试JavaScript中正则表达式中遇到的问题
2015/01/27 Javascript
jQuery实现企业网站横幅焦点图切换功能实例
2015/04/30 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
2015/08/21 Javascript
js实现的万能flv网页播放器代码
2016/04/30 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
jquery分隔Url的param方法(推荐)
2016/05/25 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
2018/03/09 Javascript
vue中实现先请求数据再渲染dom分享
2018/03/17 Javascript
少女风vue组件库的制作全过程
2019/05/15 Javascript
vue输入节流,避免实时请求接口的实例代码
2019/10/30 Javascript
js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例
2020/01/26 Javascript
详解Webpack抽离第三方类库以及common解决方案
2020/03/30 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
基于vuex实现购物车功能
2021/01/10 Vue.js
python里将list中元素依次向前移动一位
2014/09/12 Python
django实现同一个ip十分钟内只能注册一次的实例
2017/11/03 Python
keras 两种训练模型方式详解fit和fit_generator(节省内存)
2020/07/03 Python
CSS3制作精致的照片墙特效
2016/06/07 HTML / CSS
使用css实现android系统的loading加载动画
2019/07/25 HTML / CSS
会计岗位职责
2013/11/08 职场文书
大学生优秀班干部事迹材料
2014/05/26 职场文书
应届生自荐信
2014/06/30 职场文书
2014党员学习习主席讲话思想汇报
2014/09/15 职场文书
护士2015年终工作总结
2015/04/29 职场文书
士兵突击观后感
2015/06/16 职场文书
教你怎么用Python操作MySql数据库
2021/05/31 Python
MySQL修炼之联结与集合浅析
2021/10/05 MySQL
利用Python脚本写端口扫描器socket,python-nmap
2022/07/23 Python