Examples TOCexamples

Background Images

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

 Table of contents

Introduction

This example requires :

This example will run a natural horizontal ProgressBar and show you how to use a picture instead of simple color for active cells.

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

[Top]

 Render options

Here are options to build the progress bar cells : 
active-color     = #000084
inactive-color   = #3A6EA5
width            = 25
spacing          = 0
background-image = download.gif
HTML_Progress_UI::setCellAttributes()
Here are options to build the progress bar border : 
width = 1
style = inset
color = white
HTML_Progress_UI::setBorderAttributes()
Here are options to build the progress bar string (percent text info): 
width            = 60
font-size        = 10
background-color = #C3C6C3
align            = center
valign           = left
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]