Laurent-Laville.org

SquareBack

Overview

This example will run a progress meter (square 4x4) filled in reverse way.

Screenshot

Demonstration

Dependencies

This example requires mandatory resources :

• PHP >= 4.2.0
• PEAR::HTML_Progress2 >= 2.0.0
• PEAR::HTML_Common >= 1.2.1
• PEAR::PHP_Compat >= 1.4.1
• PEAR::Event_Dispatcher >= 0.9.1

And also but optional :

• PEAR >= 1.3.5

Explains step by step

The progress meter wait 200ms (line 14) between each step of 10% (line 15).

There are 12 cells 10x10 organized into polygonal shape (lines 17-18), a basic square 4x4 (line 20) :

• HTML_Progress2::setCellAttributes

And the progress percent text info is center aligned on left side (line 19):

• HTML_Progress2::setLabelAttributes

Source Code