:: HTML_Progress
Examples

• Ancestor - Basic Horizontal ProgressBar v0.5 style example.
• Background Images - Natural Horizontal with background images ProgressBar example.
• BlueSand - Natural Horizontal ProgressBar example with blue skin.
• BlueSandPlus - Natural Horizontal ProgressBar example with JavaScript customization.
• BullIt - Natural Horizontal plain ProgressBar example.
• JavaDanse - 20 cells Reverse Horizontal ProgressBar example with JavaScript customization.
• RedSandBack - 5 cells Reverse Horizontal ProgressBar example with red skin.
• Smallest - Natural Horizontal smallest ProgressBar example.
• Model - ProgressBar data model example.
• Without String - an horizontal progress meter with no percent information.
• With String - an horizontal progress meter with custom string.

[Top]

Vertical progress meter

Table of contents

• Vertical - Basic Vertical progress meter.
• VerticalLimit - Vertical limit progress meter.

[Top]

News shape

Table of contents

• Square 3x3 - beginning at different corner.
• Square 4x4 - Square Progress filled in reverse way.
• Rectangle 6x4 - Basic Rectangle Progress style.
• Rectangle 15x3 - Rectangle Progress filled in reverse way.
• plain Circle 360 - a plain Circle Progress style.
• Medium circle - Medium Circle Progress filled in reverse way.
• Ellipse 360 - Horizontal Ellipse Progress style.

[Top]

Preload

Table of contents

• Large file - Display a basic ProgressBar while retrieving a shockwave flash object.
• Hide progress meter - At end of a long process, you may hide the progress bar and stay on same page.

[Top]

Indeterminate Mode

Table of contents

• Half basic - runs a progress bar in indeterminate mode without a monitor.
• Half monitor - Begin in indeterminate mode and finish process in determinate mode with a monitor.

[Top]

File Upload

Table of contents

• HTTP 1 - Upload files with your web browser to a web server. Single page (using frames).
• HTTP 2 - Upload files with your web browser to a web server. Progress meter in a popup.
• HTTP 3 - Mixed field Upload. Single page (using frames).
• HTTP 4 - Upload files with your web browser to a web server and logs operations into a file.
• FTP - Upload file on a remote ftp server that may be different than webserver.

[Top]

Multiple progress meter on same page

Table of contents

• VuMeter - Renders 2 vertical progress bar.

[Top]

Template engine integration

Table of contents

• ITx static - horizontal progress meter embedded into IT template pattern.

[Top]

Error Management

Table of contents

• Display - standard API exceptions.
• Display - standard API errors and caught them.
• Ignore - logging system for all API errors, but keep errors into stack.
• Display - standard API exceptions, and avoid to die (default behaviour).
• Ignore - some API errors.
• User - error handler to display API errors with custom lineFormat and contextFormat.
• File - logging API errors.
• File - and display logging system in development phase.
• Database - logging API errors.

[Top]

Progress Monitor (GUI)

Table of contents

Examples of How to use the HTML_Progress_Monitor class.

• Default 1 - Uses default QF renderer without any customization.
• Default 2 - Uses default QF renderer with a PEAR::Log user callback.
• Determinate - Customs default QF renderer and a Method-Handler callback.
• Indeterminate - Customs default QF renderer and a Function-Handler callback.
• ITDynamic - Customs ITDynamic QF renderer and a Method-Handler callback.
• HTML_Page - Uses HTML_Page generator without user-callback.

[Top]

Progress Observer

Table of contents

Examples of How to use the HTML_Progress_Observer class.

• Default - Uses the default observer class.
• Simple - Uses a custom observer class.
• Complex - Uses a custom observer class that handle progress of a 2nd bar.

[Top]

Progress Generator

Table of contents

Build your own progress bar with interactive tools. Run demo, and save PHP/CSS source-code.

• Default - None customization used.
• Standard - Uses HTML_Page generator for form rendering.
• Embedded - Include Progress Generator in your own pages with Actions customized.

[Top]