Table of contents

  1. Horizontal - horizontal progress bars
  2. Vertical - vertical progress bars
  3. Polygonal - square and rectangle progress meter
  4. Circle/Ellipse - circle and ellipse progress meter
  5. Error Handling - how to handle errors
  6. Multiple - display more than one progress meter on the same page
  7. Indeterminate - progress meter run in indeterminate mode (unknown status)
  8. Observer - how yo implement the observer design pattern
  9. Preload - prepare results of long tasks
  10. Monitor - HTML_Progress2_Monitor usage
  11. Generator - HTML_Progress2_Generator usage
  12. Template - progress meter with template engine usage
  13. Label - add multiple labels around progress bar
  14. Lite version - standalone version (does not require PEAR to work)
  15. AJAX - asynchronous examples (opposite to default comet pattern)

  1. Horizontal
    1. This example will run a basic horizontal progress bar in version 0.5 style
    2. How to use a picture instead of simple color for active cells
      This example will run a natural horizontal progress bar with background pictures
    3. This example will run a natural horizontal progress bar with blue skin
      It will also show you how to simulate percent text info outside the progress bar cell group, delimited by a thin border.
    4. This example will run a plain horizontal progress bar
    5. This example will filled an horizontal progress bar from right to left with javascript cell customization
      It also show how to increase cell number (default is 10)
    6. This example will run a basic horizontal progress bar without percent text info
    7. This example will run a horizontal progress bar with custom string
      It's a PEAR packages installation simulation.
  2. Vertical
    1. This example will run a basic vertical progress bar, beginning at 75%
  3. Polygonal
    1. This example will run four progress meter that display a square 3x3
      Starting at each corner
    2. This example will run a progress meter (square 4x4) filled in reverse way
    3. This example will run a progress meter (rectangle 6x4) filled in natural way
  4. Circle/Ellipse
    1. This example will display a plain circle 360 degree
    2. This example will display a plain ellipse 360 degree
  5. Error Handling
    1. PEAR_Error
      1. This example will show you how HTML_Progress2 handle errors (and especially exception) with default error handler
      2. This example will show you how to cutomize HTML_Progress2 error handling with standard PEAR_Error object
      3. This example will show you how to ignore HTML_Progress2 errors but keep them in stack
      4. This example will show you how to logs HTML_Progress2 errors into a database
        with PEAR::Log and sql driver
    2. PEAR_ErrorStack
      1. This example will show you how to cutomize HTML_Progress2 error handling with PEAR_ErrorStack
      2. This example will show you how to ignore HTML_Progress2 errors but keep them in stack
      3. This example will show you how to logs HTML_Progress2 errors though PEAR::Log composite driver with PEAR_ErrorStack
  6. Multiple
    1. This example will run two progress meter at same time on the same page
    2. This example will run two mixed progress meter at same time on the same page
  7. Indeterminate
    1. This example will run a basic progress bar in indeterminate mode (without monitor)
    2. This example will run a progress bar in indeterminate mode (with monitor)
  8. Observer
    1. This example will run a progress bar with the default observer pattern
    2. This example will run a complex observer mechanism which run two progress bar
  9. Preload
    1. This example will hide a progress meter at end of initialize process
    2. This example will display a progress meter while loading a shockwave flash object
    3. This example will display a progress bar while sending huge amount of mail (simulation)
  10. Monitor
    1. This example will run a default Progress2 Monitor
    2. This example will run a default Progress2 Monitor with a custom message
      Each quarter percent reached, elapse time is printed
    3. This example will run a Progress2 Monitor in indeterminate mode
    4. This example will run a default Progress2 Monitor, which used a PEAR::HTML_Page2 generator as renderer
    5. This example will run a basic Progress2 Monitor, which used a IT dynamic QuickForm renderer
  11. Generator
    1. This example will run the default Progress2 Generator Wizard that will help you to build your own progress bar
    2. This example will run the default Progress2 Generator Wizard
      display and process actions have been modified
  12. Template
    1. This example will run a progress bar into a window of a pseudo-wizard
  13. Label
    1. This example will run a basic progress bar with default label (percent info), using the relative position
    2. This example will run a basic progress bar with default label (percent info), using the absolute position
    3. This example will run a basic progress bar with percent info and additional text label, using the relative position
    4. This example will run a basic progress bar with percent info and additional text label, using the absolute position
    5. This example will run a frame progress bar with percent info and additional text label, using the absolute position
    6. This example will run a progress meter with multiple labels around
  14. Lite version
    1. This example will run a basic horizontal progress bar with absolute position
    2. This example will run a window style horizontal progress bar, that you can cancel if you click on the stop button
    3. This example will run multiple progress bars on the same page
    4. This example will display a progress bar while sending huge amount of mail (simulation)
  15. AJAX
    1. This example will run a natural horizontal progress bar with background pictures, in asynchronous mode.
      Use a simple (HTML_)AJAX server with only a PHP function as callback.
    2. This example will run a natural horizontal progress bar with blue skin (example 1.3), in asynchronous mode.
      Use an auto (HTML_)AJAX server with PHP class and methods.
    3. This example will run a natural horizontal progress bar with background pictures (example 1.2), in asynchronous mode.
      Use an auto (HTML_)AJAX server with PHP class and methods.
    4. This example will run a clone of example 15.1, in asynchronous mode, with a final fade in effect.
      Use a simple (HTML_)AJAX server with only a PHP function as callback, and Scriptaculous Effects JS libraries.