JavaDanse

$Date: 2004/08/10 18:12:17 $

Table of contents

Introduction
Render options
Ouput
PHP source syntax highlight
Play demo

Introduction

This example requires :

PEAR::HTML_Progress 1.2.0RC3 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]