PEAR::HTML::Progress example: Background Images
Author: Laurent Laville
Description: horizontal progress meter with background images

examples

# Background Images

$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 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]