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 相关文章推荐
图书管理程序(三)
Oct 09 PHP
php中iconv函数使用方法
May 24 PHP
PHP高级OOP技术演示
Aug 27 PHP
PHP 变量的定义方法
Jan 26 PHP
php中理解print EOT分界符和echo EOT的用法区别小结
Feb 21 PHP
PHP实现异步调用方法研究与分享
Oct 27 PHP
Yii框架在页面输出执行sql语句以方便调试的实现方法
Dec 24 PHP
php快速查找数据库中恶意代码的方法
Apr 01 PHP
AJAX的使用方法详解
Apr 29 PHP
基于swoole实现多人聊天室
Jun 14 PHP
Laravel登录失败次数限制的实现方法
Aug 26 PHP
用php如何解决大文件分片上传问题
Jul 07 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
开启CURL扩展,让服务器支持PHP curl函数(远程采集)
2011/03/19 PHP
基于HBase Thrift接口的一些使用问题及相关注意事项的详解
2013/06/03 PHP
javascript实现划词标记+划词搜索功能
2007/03/06 Javascript
js中的referrer返回上一页使用介绍
2013/09/26 Javascript
form.submit()不能提交表单的错误原因及解决方法
2014/10/13 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
Express与NodeJs创建服务器的两种方法
2017/02/06 NodeJs
基于vue的fullpage.js单页滚动插件
2017/03/20 Javascript
jQuery实现动态给table赋值的方法示例
2017/07/04 jQuery
解决vue页面DOM操作不生效的问题
2018/03/17 Javascript
Node.js中的child_process模块详解
2018/06/08 Javascript
解决vue中虚拟dom,无法实时更新的问题
2018/09/15 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
2018/10/10 Javascript
基于vue2的canvas时钟倒计时组件步骤解析
2018/11/05 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
2019/04/17 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
2019/11/12 Javascript
JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例
2020/01/26 Javascript
JS+CSS实现3D切割轮播图
2020/03/21 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
2020/08/04 Javascript
Python文件夹与文件的操作实现代码
2014/07/13 Python
python在windows和linux下获得本机本地ip地址方法小结
2015/03/20 Python
浅谈python3.x pool.map()方法的实质
2019/01/16 Python
使用Python测试Ping主机IP和某端口是否开放的实例
2019/12/17 Python
python代码实现TSNE降维数据可视化教程
2020/02/28 Python
浅谈OpenCV中的新函数connectedComponentsWithStats用法
2020/07/05 Python
3分钟看懂Python后端必须知道的Django的信号机制
2020/07/26 Python
selenium自动化测试入门实战
2020/12/21 Python
美国台面电器和厨具品牌:KitchenAid
2019/04/12 全球购物
意大利在线药房:Saninforma
2021/02/11 全球购物
家具促销活动方案
2014/02/16 职场文书
酒店管理毕业生自我鉴定
2014/03/02 职场文书
个人欠款担保书
2014/05/20 职场文书
党的群众路线对照检查材料思想汇报(学校)
2014/10/04 职场文书
MySQL中你可能忽略的COLLATION实例详解
2021/05/12 MySQL