PEAR::HTML::Progress-Class Examples
Author: Laurent Laville

# :: HTML_Progress
Examples

$Date: 2004/09/25 13:42:45 $

## Horizontal progress meter

### Table of contents

- 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.
- Model - setModel API feature in action with a .INI config file.

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