Examples TOCexamples

Rectangle

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

 Table of contents

Introduction

This example requires :

This example will run a polygonal (rectangle 6x4) ProgressBar filled in natural way.

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

[Top]

 Render options

Here are options to build this progress bar string (percent text info): 
valign = bottom
align  = center
width  = 90
height = 30
HTML_Progress_UI::setStringAttributes()
Here are options to build the progress bar cells : 
active-color   = red
inactive-color = orange
width          = 15
height         = 15
HTML_Progress_UI::setCellAttributes()

[Top]

 Output

Screenshot

[Top]

 PHP source syntax highlight

  1. <?php
  2. /**
  3.  * Basic Rectangle Progress example.
  4.  *
  5.  * @version    $Id: rectangle.php,v 1.2 2005/07/25 11:19:41 farell Exp $
  6.  * @author     Laurent Laville <pear@laurent-laville.org>
  7.  * @package    HTML_Progress
  8.  * @subpackage Examples
  9.  */
  10.  
  11. require_once 'HTML/Progress.php';
  12.  
  13. $bar = new HTML_Progress();
  14. $bar->setAnimSpeed(100);
  15. $bar->setIncrement(10);
  16.  
  17. $ui =& $bar->getUI();
  18. $ui->setTab('    ');
  19. $ui->setStringAttributes('valign=bottom align=center width=90 height=30');
  20. $ui->setOrientation(HTML_PROGRESS_POLYGONAL);
  21. $ui->setCellAttributes(array(
  22.     'width'  => 15,
  23.     'height' => 15,
  24.     'active-color'   => 'red',
  25.     'inactive-color' => 'orange',
  26. ));
  27. $ui->setCellCoordinates(6,4);          // Rectangle 6x4
  28. ?>
  29. <html>
  30. <head>
  31. <title>Basic Rectangle ProgressBar example</title>
  32. <style type="text/css">
  33. <!--
  34. <?php echo $bar->getStyle(); ?>
  35.  
  36. body {
  37.     background-color: #FFFFFF;
  38.     color: #000000;
  39.     font-family: Verdana, Arial;
  40. }
  41.  
  42. a:visited, a:active, a:link {
  43.     color: navy;
  44. }
  45. // -->
  46. </style>
  47. <script type="text/javascript">
  48. <!--
  49. <?php echo $ui->getScript(); ?>
  50. //-->
  51. </script>
  52. </head>
  53. <body>
  54.  
  55. <?php
  56. echo $bar->toHtml();
  57. $bar->run();
  58. ?>
  59.  
  60. </body>
  61. </html>

[Top]