PEAR::HTML::Progress example: Circle back
Author: Laurent Laville
Description: Display a plain circle 360 degree reverse as progress meter

examples

# Circle Back

$Date: 2005/07/25 11:19:41 $

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

## Introduction

This example requires :

- PEAR::HTML_Progress 1.2.2 or better (see source at line 11).

This example will display a plain circle 360 degree as new shape of progress meter.

This example will run a circle (size:100x100) filled in reverse way.

There are 10 cells with :

- active-color = #FF0000 (red)
- inactive-color = #000080 (navy)
- spacing = 0

Percent text info is right aligned on a 100 pixels width area, at right side of circle.

A cache system is used on lines 29 thru 37, to avoid built pictures a second times.

[Top]

## Render options

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

    font-size = 20
    width     = 100

HTML_Progress_UI::setStringAttributes()
Here are options to build the progress bar cells :

    width          = 100
    height         = 100
    spacing        = 0
    inactive-color = navy
    active-color   = red

HTML_Progress_UI::setCellAttributes()

[Top]

## Output

### Screenshots

[Top]

## PHP source syntax highlight

Open source listing in a new window.

[Top]

## Play demo

Run the script.

[Top]