PHP设置进度条的方法
本文实例讲述了PHP设置进度条的方法。分享给大家供大家参考。具体如下:
<html>
<head>
<styletype="text/css"><!--
div{
margin:1px;
height:20px;
padding:1px;
border:1pxsolid#000;
width:275px;
background:#fff;
color:#000;
float:left;
clear:right;
top:38px;
z-index:9
}
.percents{
background:#FFF;
border:1pxsolid#CCC;
margin:1px;
height:20px;
position:absolute;
width:275px;
z-index:10;
left:10px;
top:38px;
text-align:center;
}
.blocks{
background:#EEE;
border:1pxsolid#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();
}
echostr_pad('Loading...',4096)."<br/>\n";
for($i=0;$i<25;$i++){
$d=$d+11;
$m=$d+10;
//Thisdivwillshowloadingpercents
echo'<divclass="percents">'.$i*4.'% complete</div>';
//Thisdivwillshowprogressbar
echo'<divclass="blocks"style="left:'.$d.'px"> </div>';
flush();
ob_flush();
sleep(1);
}
ob_end_flush();
?>
<divclass="percents"style="z-index:12">Done.</div>
</body>
</html>
希望本文所述对大家的php程序设计有所帮助。
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短