最终的效果如下：

step.inc.php 安装步骤效果类：

复制代码代码如下:

/**
* step.inc.php 安装步骤效果类 *
* 从Comsenz产品的数据表安装效果中提取出主要代码，以供大家学习
* @author tianxin
* @version 1.0.0 *
*/
class StepClass {
function show_header() {
define('SHOW_HEADER', TRUE);
$step = 1;
$version = 'beta1.0';
$release = '20100223';
$install_lang = '简体中文UTF8版';
$title = '仿Comsenz安装';
$charset = 'uft-8';
echo

$title

<script type="text/javascript"> <BR>function $(id) { <BR>return document.getElementById(id); <BR>} <BR>function showmessage(message) { <BR>$('notice').value += message + "\r\n"; <BR>} <BR></script>

$title

$version $install_lang $release
EOT;
$step > 0 && $this->show_step($step);
}
function show_step($step) {
$laststep = 4;
$title = '仿Comsenz安装';
$comment = '正在执行操作';
$stepclass = array();
for($i = 1; $i $stepclass[$i] = $i == $step ? 'current' : ($i }
$stepclass[$laststep] .= ' last';
echo

$title

$comment

btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理：站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

EOT;
}
function show_install() {
?>
<script type="text/javascript"> <BR>function showmessage(message) { <BR>document.getElementById('notice').value += message + " "; <BR>} <BR>function initinput() { <BR>window.location='http://www.jb51.net'; <BR>} <BR></script>

}
function runquery() {
for($i=1;$i{
$this->showjsmessage('执行操作'.' '.$i.' ... '.'成功');
//模拟每执行完一个动作的延时
sleep(1);
}
}
function showjsmessage($message) {
echo '<script type="text/javascript">showmessage(''.addslashes($message).' ');</script>'." ";
flush();
ob_flush();
}
function show_footer($quit = true) {
echo

EOT;
$quit && exit();
}
}

调用方法：

复制代码代码如下:

header('Content-Type: text/html; charset=utf-8');
include('step.inc.php');
$step=new StepClass();
//显示页面头部
$step->show_header();
//显示操作进度
$step->show_install();
//运行操作
$step->runquery();
echo '<script type="text/javascript">document.getElementById("laststep").disabled=false;document.getElementById("laststep").value = '执行完所有操作，进入下一步';</script>'." ";
//显示页面尾部
$step->show_footer();

完整的demo：stepdemo.rar