Examples TOC examples

Circle Back

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

Table of contents

Introduction
Render options
PHP source syntax highlight
Play demo

Introduction

This example requires :

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

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()

Output

Screenshots

PHP source syntax highlight

Open source listing in a new window.

Play demo

Run the script.