1#@!#!123s

: / opt / lampp / lib / php / doc / HTML_Progress / examples / multiple /
Filename : vertical.php
back
<?php
/**
 * Multiple Vertical ProgressBar example.
 *
 * @version    $Id: vertical.php,v 1.2 2005/07/25 11:46:01 farell Exp $
 * @author     Laurent Laville <pear@laurent-laville.org>
 * @package    HTML_Progress
 * @subpackage Examples
 */

require_once 'HTML/Progress.php';

$bar1 = new HTML_Progress(HTML_PROGRESS_BAR_VERTICAL);
$bar1->setAnimSpeed(20);
$bar1->setIdent('PB1');
$bar1->setIncrement(10);
$bar1->setBorderPainted(true);

$ui1 =& $bar1->getUI();
$ui1->setFillWay('natural');
$ui1->setCellCount(15);
$ui1->setCellAttributes('active-color=#970038 inactive-color=#FFDDAA width=50 height=13');
$ui1->setBorderAttributes('width=1 color=#000000');
$ui1->setStringAttributes(array(
    'font-size' => 8,
    'color' => '#FF0000',
    'background-color' => '#C3C6C3',
    'align' => 'center',
    'valign' => 'bottom'
));


$bar2 = new HTML_Progress(HTML_PROGRESS_BAR_VERTICAL);
$bar2->setAnimSpeed(20);
$bar2->setIdent('PB2');
$bar2->setIncrement(5);
$bar2->setBorderPainted(true);

$ui2 =& $bar2->getUI();
$ui2->setFillWay('reverse');
$ui2->setCellCount(15);
$ui2->setCellAttributes('active-color=#3874B4 inactive-color=#FFDDAA width=50 height=13');
$ui2->setBorderAttributes('width=1 style=dashed color=#000000');
$ui2->setStringAttributes(array(
    'font-size' => 8,
    'color' => 'navy',
    'background-color' => '#C3C6C3',
    'align' => 'center',
    'valign' => 'bottom'
));
?>
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Multiple Vertical ProgressBar example</title>
<style type="text/css">
<!--
<?php
echo $bar1->getStyle();
echo $bar2->getStyle();
?>

body {
    background-color: #C3C6C3;
    color: #000000;
    font-family: Verdana, Arial;
}

a:visited, a:active, a:link {
    color: navy;
}

table.container {
    border: 1;
    border-color: navy;
    border-style: dotted;
    cell-spacing: 4;
    cell-padding: 10;
    width: 25%;
// -->
</style>
<script type="text/javascript">
<!--
<?php echo $bar1->getScript(); ?>
//-->
</script>
</head>
<body>


<table class="container">
<tr>
    <td width="50%" align="center">
<?php echo $bar1->toHTML(); ?>
    </td>
    <td width="50%" align="center">
<?php echo $bar2->toHTML(); ?>
    </td>
</tr>
</table>

<?php

do {
    $bar1->display();
    $bar2->display();
    if ($bar2->getPercentComplete() == 1) {
        break;   // the progress bar has reached 100%
    }
    if ($bar1->getPercentComplete() < 1) {
        $bar1->process();
        $bar1->incValue();
    }
    $bar2->process();
    $bar2->incValue();
} while(1);
?>

</body>
</html>