search

Home >Backend Development >PHP Tutorial >How to set the progress bar in PHP, how to set the progress bar in PHP_PHP tutorial

How to set the progress bar in PHP, how to set the progress bar in PHP_PHP tutorial

WBOY
WBOYOriginal
2016-07-13 09:46:591218browse

How to set a progress bar in PHP, how to set a progress bar in PHP

The example in this article describes how to set a progress bar in PHP. Share it with everyone for your reference. The details are as follows: 

<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>
<&#63;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();
&#63;>
<div class="percents" style="z-index:12">Done.</div>
</body>
</html>

I hope this article will be helpful to everyone’s PHP programming design.

www.bkjia.comtruehttp: //www.bkjia.com/PHPjc/1028974.htmlTechArticleHow to set the progress bar in PHP, how to set the progress bar in PHP This article describes how to set the progress bar in PHP. Share it with everyone for your reference. The details are as follows: htmlheadstyle type="text/...
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Smarty internal date function html_select_date() usage example analysis, select function usage_PHP tutorialNext article：Smarty internal date function html_select_date() usage example analysis, select function usage_PHP tutorial

Related articles

See more