Horizontal NoString

$Date: 2004/04/18 13:25:43 $

Table of contents

Introduction
PHP script
Render options
Output
Play full example

Introduction

This example will run a basic horizontal ProgressBar, but without percent text info.

There are 10 cells with default values:

active-color = #006600
inactive-color = #CCCCCC
cell width = 15px
cell height = 20px
cell spacing = 2px

Percent text info is hidden.

PHP script

Build the progress bar

require_once 'HTML/Progress.php';

$bar = new HTML_Progress();
$bar->setAnimSpeed(100);
$bar->setIncrement(10);
$bar->setStringPainted(true);   // get space for the string
$bar->setString('');            // but don't paint it

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);

Render options

None. Used all default values.

Output

Screenshot

Play full example

Run the script below :


<?php 
require_once 'HTML/Progress.php';

$bar = new HTML_Progress();
$bar->setAnimSpeed(100);
$bar->setIncrement(10);
$bar->setStringPainted(true);   // get space for the string
$bar->setString('');            // but don't paint it
?>
<html>
<head>
<title>Horizontal no String ProgressBar example</title>
<style type="text/css">
<!--
<?php echo $bar->getStyle(); ?>
// -->
</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>

href: ./horizontal_nostring.php