当前位置: 首页 > 编程笔记 >

PHP设置进度条的方法

慕永年
2023-03-14
本文向大家介绍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 . '%&nbsp;complete</div>';
  //This div will show progress bar
  echo '<div class="blocks" style="left: '.$d.'px">&nbsp;</div>';
  flush();
  ob_flush();
  sleep(1);
}
ob_end_flush();
?>
<div class="percents" style="z-index:12">Done.</div>
</body>
</html>

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

 类似资料:
  • 我想让水平进度条从0移动到100。我在布局中添加了这段代码。我应该怎么做才能移动这个进度条?

  • 本文向大家介绍js实现进度条的方法,包括了js实现进度条的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现进度条的方法。分享给大家供大家参考。具体实现方法如下: 1.setTimeout和clearTimeout 效果图: 2.setInterval和clearInterval 效果图: 3.setTimeout和setInterval区别 setTimeout() 只执行 c

  • 本文向大家介绍Android中WebView加载网页设置进度条,包括了Android中WebView加载网页设置进度条的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android中WebView加载网页设置进度条的具体代码,供大家参考,具体内容如下 效果: xml: pg.xml Java文件: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍Android使用动画设置ProgressBar进度的方法,包括了Android使用动画设置ProgressBar进度的方法的使用技巧和注意事项,需要的朋友参考一下 需求场景:当我们在使用ProgressBar的时候,希望有进度加载的效果,此时我们传统的做法是使用Thread线程来实现,下面我们用属性动画来实现,简单粗暴。。哈哈哈 布局文件: Activity: 效果图: 以上就是本

  • 本文向大家介绍Vue使用NProgress进度条的方法,包括了Vue使用NProgress进度条的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Vue使用NProgress进度条的具体代码,供大家参考,具体内容如下 1、安装 2、在router.js中使用 3、nprogress的z-index 假如你的header比nprogress的高,可能看不见进度条,可以采用这个办法实

  • 问题内容: 好的,我是AJAX的新手。IE知道请求的生命周期,因此使用了ActiveXObject这样的东西。 但是现在我面临一个现实世界的问题。我有一个在后台运行的servlet,它执行许多任务,并且我想显示一个进度条,以显示流程的执行位置,并还显示实际发生的事情。 到目前为止,在服务器端,我可以计算将要开始的进程数,并且可以轻松地添加一个计数器,以便在每个进程完成后递增-因此使我能够找到自己想