$Date: 2004/04/18 13:25:43 $
This example will run a natural horizontal ProgressBar and show you how to use a picture instead of simple color for active cells.
Percent text info is centered on a 60 pixels width area, on left side of the progress bar.
[Top]
Build the progress bar
require_once 'HTML/Progress.php'; $bar = new HTML_Progress(); $bar->setAnimSpeed(100); $bar->setIncrement(10); $bar->setBorderPainted(true); $ui =& $bar->getUI(); $ui->setCellAttributes(array( 'active-color' => '#000084', 'inactive-color' => '#3A6EA5', 'width' => 25, 'spacing' => 0, 'background-image' => 'download.gif' )); $ui->setBorderAttributes('width=1 style=inset color=white'); $ui->setStringAttributes(array( 'width' => 60, 'font-size' => 10, 'background-color' => '#C3C6C3', 'align' => 'center', 'valign' => 'left' ));
Loop to run the progress
do { $bar->display(); if ($bar->getPercentComplete() == 1) { break; // the progress bar has reached 100% } // your user-process should be put HERE ! $bar->incValue(); } while(1);
[Top]
active-color = #000084 inactive-color = #3A6EA5 width = 25 spacing = 0 background-image = download.gif
width = 1 style = inset color = white
width = 60 font-size = 10 background-color = #C3C6C3 align = center valign = left
[Top]
[Top]
Run the script below :
<?php require_once 'HTML/Progress.php'; $bar = new HTML_Progress(); $bar->setAnimSpeed(100); $bar->setIncrement(10); $bar->setBorderPainted(true); $ui =& $bar->getUI(); $ui->setCellAttributes(array( 'active-color' => '#000084', 'inactive-color' => '#3A6EA5', 'width' => 25, 'spacing' => 0, 'background-image' => 'download.gif' )); $ui->setBorderAttributes('width=1 style=inset color=white'); $ui->setStringAttributes(array( 'width' => 60, 'font-size' => 10, 'background-color' => '#C3C6C3', 'align' => 'center', 'valign' => 'left' )); ?> <!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>BgImages Progress example</title> <style type="text/css"> <!-- <?php echo $bar->getStyle(); ?> body { background-color: #C3C6C3; color: #000000; font-family: Verdana, Arial; } // --> </style> <script type="text/javascript"> <!-- <?php echo $bar->getScript(); ?> //--> </script> </head> <body> <?php echo $bar->toHtml(); do { $bar->display(); if ($bar->getPercentComplete() == 1) { break; // the progress bar has reached 100% } $bar->incValue(); } while(1); ?> </body> </html>
[Top]