Examples TOC examples

Rectangle Back

$Date: 2005/07/25 11:19:41 $

Table of contents

Introduction
Render options
PHP source syntax highlight

Introduction

This example requires :

PEAR::HTML_Progress 1.2.2 or better (see source at line 11).

This example will run a polygonal (rectangle 15x3) ProgressBar filled in reverse way.

Cell coordinates are pre-computed (line 27) but free x-y-grid coordinates are also possible. Percent text info is right aligned on a white background area of 50 pixels width, at right side of polygonal shape (default).

Render options

Here are options to build the progress bar cells :

active-color   = red
inactive-color = orange
width          = 10
height         = 10

HTML_Progress_UI::setCellAttributes()

Output

Screenshot

PHP source syntax highlight

<?php
/**
 * Reverse Rectangle Progress example.
 *
 * @version    $Id: rectangleback.php,v 1.2 2005/07/25 11:19:41 farell Exp $
 * @author     Laurent Laville <pear@laurent-laville.org>
 * @package    HTML_Progress
 * @subpackage Examples
 */
 
require_once 'HTML/Progress.php';
 
$bar = new HTML_Progress();
$bar->setAnimSpeed(100);
$bar->setIncrement(10);
 
$ui =& $bar->getUI();
$ui->setTab('    ');
$ui->setFillWay('reverse');
$ui->setOrientation(HTML_PROGRESS_POLYGONAL);
$ui->setCellAttributes(array(
    'width'  => 10,
    'height' => 10,
    'active-color'   => 'red',
    'inactive-color' => 'orange',
));
$ui->setCellCoordinates(15,3);         // Rectangle 15x3
?>
<html>
<head>
<title>Reverse Rectangle ProgressBar example</title>
<style type="text/css">
<!--
<?php echo $bar->getStyle(); ?>
 
body {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial;
}
 
a:visited, a:active, a:link {
    color: navy;
}
// -->
</style>
<script type="text/javascript">
<!--
<?php echo $ui->getScript(); ?>
//-->
</script>
</head>
<body>
 
<?php
echo $bar->toHtml();
$bar->run();
?>
 
</body>
</html>