Examples TOCexamples TOC

Circle Plain

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

 Table of contents

Introduction

This example will run a default circle (size:50x50) filled in natural way.

There are 10 cells with default colors :

Percent text info is right aligned on a #EEEEEE background color area of 50 pixels width, at right side of circle.

[Top]

 PHP script

Build the progress bar

require_once 'HTML/Progress.php';

$bar = new HTML_Progress(HTML_PROGRESS_CIRCLE);
$bar->setAnimSpeed(100);
$bar->setIncrement(10);

$ui =& $bar->getUI();
$ui->setStringAttributes('background-color=#eeeeee');
$ui->setCellAttributes('width=50 height=50 spacing=0 background-color=#eeeeee');
$ui->drawCircleSegments('temp', 'c%s.png');

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]

 Render options

Here are options to build this progress bar string (percent text info):
background-color = #EEEEEE
HTML_Progress_UI::setStringAttributes()
Here are options to build the progress bar cells :
background-color = #EEEEEE
spacing          = 0
width            = 50
height           = 50
HTML_Progress_UI::setCellAttributes()

[Top]

 Output

Screenshots

[Top]

 Play full example

Run the script below :


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

$bar = new HTML_Progress(HTML_PROGRESS_CIRCLE);
$bar->setAnimSpeed(100);
$bar->setIncrement(10);

$ui =& $bar->getUI();
$ui->setStringAttributes('background-color=#eeeeee');
$ui->setCellAttributes('width=50 height=50 spacing=0 background-color=#eeeeee');
$ui->drawCircleSegments('temp', 'c%s.png');
?>
<html>
<head>
<title>Basic Circle ProgressBar example</title>
<style type="text/css">
<!--
<?php echo $bar->getStyle(); ?>

body {
    background-color: #EEEEEE;
    color: #000000;
    font-family: Verdana, Arial;
}
// -->
</style>
<script type="text/javascript">
<!--
<?php echo $ui->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:  ./circleplain.php

[Top]