Blue Sand

$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 natural horizontal ProgressBar 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.

Percent text info is centered on a 60 pixels width area, on right side of the progress bar.

[Top]

Render options

Here are options to build the progress bar cells :

active-color   = #3874B4
inactive-color = #EEEECC
width          = 10

HTML_Progress_UI::setCellAttributes()

Here are options to build the progress bar border :

width = 1
color = navy

HTML_Progress_UI::setBorderAttributes()

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

width            = 60
font-size        = 14
background-color = #EEEEEE
align            = center

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]