45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:PHP如何设置进度条?PHP设置进度条的一个教程

PHP如何设置进度条?PHP设置进度条的一个教程

2015-07-25 13:37:32 来源:www.45fan.com 【

PHP如何设置进度条?PHP设置进度条的一个教程

本文实例讲述了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程序设计有所帮助。


本文地址:http://www.45fan.com/bcdm/15652.html
Tags: 方法 PHP 进度
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部