PEAR::HTML::Progress example: JavaDanse
Author: Laurent Laville
Description: an horizontal progress meter with more than 10 default cells

examples

# JavaDanse

$Date: 2005/07/25 10:25:30 $

- Introduction
- Render options
- Ouput
- PHP source syntax highlight
- Play demo

## Introduction

This example requires :

- PEAR::HTML_Progress 1.2.2 or better.

This example will run a reverse horizontal ProgressBar with javascript cell customization, as bluesandplus.php. It also show how to increase cell number (default is 10).

Percent text info is center aligned on bottom side of the progress bar.

[Top]

## Render options

Here are options to build the progress bar cells :

    active-color   = #970038
    inactive-color = #FFDDAA
    width          = 20
    height         = 20
    color          = red (cells: 0,1,2)
    color          = yellow (cells: 3,4,5,6)
    color          = white (cells: 7,8,9)
    color          = black (default) (cells: 10 to 19)

HTML_Progress_UI::setCellAttributes()
Here are options to build the progress bar border :

    width = 1
    color = #000000

HTML_Progress_UI::setBorderAttributes()
Here are options to build the progress bar string (percent text info):

    width     = 440
    font-size = 14
    color     = #FF0000
    align     = center
    valign    = bottom

HTML_Progress_UI::setStringAttributes()

[Top]

## Output

### Screenshot

[Top]

## PHP source syntax highlight

Open source listing in a new window.

[Top]

## Play demo

Run the script.

[Top]