D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
opt
/
lampp
/
lib
/
php
/
doc
/
HTML_Progress
/
examples
/
Filename :
index.html
back
Copy
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="author" content="Laurent Laville" /> <title>PEAR::HTML::Progress-Class Examples</title> <link rel="stylesheet" href="examples.css" /> </head> <body> <a name="top"> <h1><img src="pear-power.png"> :: HTML_Progress <br /><span class="chapter">Examples</span> </h1> <div align="right">$Date: 2004/09/25 13:42:45 $</div> <h2>Horizontal progress meter </h2> <h3>Table of contents</h3> <ul> <li class="r1"><a href="horizontal/ancestor.html">Ancestor</a> - Basic Horizontal ProgressBar v0.5 style example. <li class="r2"><a href="horizontal/bgimages.html">Background Images</a> - Natural Horizontal with background images ProgressBar example. <li class="r1"><a href="horizontal/bluesand.html">BlueSand</a> - Natural Horizontal ProgressBar example with blue skin. <li class="r2"><a href="horizontal/bluesandplus.html">BlueSandPlus</a> - Natural Horizontal ProgressBar example with JavaScript customization. <li class="r1"><a href="horizontal/bullit.html">BullIt</a> - Natural Horizontal plain ProgressBar example. <li class="r2"><a href="horizontal/javadanse.html">JavaDanse</a> - 20 cells Reverse Horizontal ProgressBar example with JavaScript customization. <li class="r1"><a href="horizontal/redsandback.html">RedSandBack</a> - 5 cells Reverse Horizontal ProgressBar example with red skin. <li class="r2"><a href="horizontal/smallest.html">Smallest</a> - Natural Horizontal smallest ProgressBar example. <li class="r1"><a href="horizontal/model.html">Model</a> - ProgressBar data model example. <li class="r2"><a href="horizontal/nostring.html">Without String</a> - an horizontal progress meter with no percent information. <li class="r1"><a href="horizontal/string.html">With String</a> - an horizontal progress meter with custom string. <li class="r2"><a href="model/inicommented.html">Model</a> - setModel API feature in action with a .INI config file. </ul> <p align="right">[<a href="#top">Top</a>]</p> <h2>Vertical progress meter </h2> <h3>Table of contents</h3> <ul> <li class="r2"><a href="vertical/basic.html">Vertical</a> - Basic Vertical progress meter. <li class="r1"><a href="vertical/limit.html">VerticalLimit</a> - Vertical limit progress meter. </ul> <p align="right">[<a href="#top">Top</a>]</p> <h2>News shape </h2> <h3>Table of contents</h3> <ul> <li class="r1"><a href="newshape/square.html">Square 3x3</a> - beginning at different corner. <li class="r2"><a href="newshape/squareback.html">Square 4x4</a> - Square Progress filled in reverse way. <li class="r1"><a href="newshape/rectangle.html">Rectangle 6x4</a> - Basic Rectangle Progress style. <li class="r2"><a href="newshape/rectangleback.html">Rectangle 15x3</a> - Rectangle Progress filled in reverse way. <li class="r1"><a href="newshape/circleplain.html">plain Circle 360</a> - a plain Circle Progress style. <li class="r2"><a href="newshape/circleback.html">Medium circle</a> - Medium Circle Progress filled in reverse way. <li class="r1"><a href="newshape/ellipse.html">Ellipse 360</a> - Horizontal Ellipse Progress style. </ul> <p align="right">[<a href="#top">Top</a>]</p> <h2>Preload </h2> <h3>Table of contents</h3> <ul> <li class="r1"><a href="preload/shockwaveflash.html">Large file</a> - Display a basic ProgressBar while retrieving a shockwave flash object. <li class="r2"><a href="preload/hidden.html">Hide progress meter</a> - At end of a long process, you may hide the progress bar and stay on same page. </ul> <p align="right">[<a href="#top">Top</a>]</p> <h2>Indeterminate Mode </h2> <h3>Table of contents</h3> <ul> <li class="r1"><a href="indeterminate/half_basic.html">Half basic</a> - runs a progress bar in indeterminate mode without a monitor. <li class="r2"><a href="indeterminate/half_monitor.html">Half monitor</a> - Begin in indeterminate mode and finish process in determinate mode with a monitor. </ul> <p align="right">[<a href="#top">Top</a>]</p> <h2>File Upload </h2> <h3>Table of contents</h3> <ul> <li class="r1"><a href="upload/http1.html">HTTP 1</a> - Upload files with your web browser to a web server. Single page (using frames). <li class="r2"><a href="upload/http2.html">HTTP 2</a> - Upload files with your web browser to a web server. Progress meter in a popup. <li class="r1"><a href="upload/http3.html">HTTP 3</a> - Mixed field Upload. Single page (using frames). <li class="r2"><a href="upload/http4.html">HTTP 4</a> - Upload files with your web browser to a web server and logs operations into a file. <li class="r1"><a href="upload/ftp.html">FTP</a> - Upload file on a remote ftp server that may be different than webserver. </ul> <p align="right">[<a href="#top">Top</a>]</p> <h2>Multiple progress meter on same page </h2> <h3>Table of contents</h3> <ul> <li class="r1"><a href="multiple/vertical.html">VuMeter</a> - Renders 2 vertical progress bar. </ul> <p align="right">[<a href="#top">Top</a>]</p> <h2>Template engine integration </h2> <h3>Table of contents</h3> <ul> <li class="r1"><a href="templates/itxstatic.html">ITx static</a> - horizontal progress meter embedded into IT template pattern. </ul> <p align="right">[<a href="#top">Top</a>]</p> <h2>Error Management </h2> <h3>Table of contents</h3> <ul> <li class="r1"><a href="errorstack/display_errors-p1.html">Display</a> - standard API exceptions. <li class="r2"><a href="errorstack/display_errors-p2.html">Display</a> - standard API errors and caught them. <li class="r1"><a href="errorstack/display_errors-p3.html">Ignore</a> - logging system for all API errors, but keep errors into stack. <li class="r2"><a href="errorstack/display_errors-p4.html">Display</a> - standard API exceptions, and avoid to die (default behaviour). <li class="r1"><a href="errorstack/display_errors-p5.html">Ignore</a> - some API errors. <li class="r2"><a href="errorstack/display_errors-p6.html">User</a> - error handler to display API errors with custom lineFormat and contextFormat. <li class="r1"><a href="errorstack/log_errors-p1.html">File</a> - logging API errors. <li class="r2"><a href="errorstack/log_errors-p2.html">File</a> - and display logging system in development phase. <li class="r1"><a href="errorstack/log_errors-p3.html">Database</a> - logging API errors. </ul> <p align="right">[<a href="#top">Top</a>]</p> <h2>Progress Monitor (GUI)</h2> <h3>Table of contents</h3> <p>Examples of How to use the HTML_Progress_Monitor class.</p> <ul> <li class="r1"><a href="monitor/default1.html">Default 1</a> - Uses default QF renderer without any customization.</li> <li class="r2"><a href="monitor/default2.html">Default 2</a> - Uses default QF renderer with a PEAR::Log user callback.</li> <li class="r1"><a href="monitor/method_callback.html">Determinate</a> - Customs default QF renderer and a Method-Handler callback.</li> <li class="r2"><a href="monitor/function_callback.html">Indeterminate</a> - Customs default QF renderer and a Function-Handler callback.</li> <li class="r1"><a href="monitor/itdynamic.html">ITDynamic</a> - Customs ITDynamic QF renderer and a Method-Handler callback.</li> <li class="r2"><a href="monitor/htmlpage.html">HTML_Page</a> - Uses HTML_Page generator without user-callback.</li> </ul> <p align="right">[<a href="#top">Top</a>]</p> <h2>Progress Observer </h2> <h3>Table of contents</h3> <p>Examples of How to use the HTML_Progress_Observer class.</p> <ul> <li class="r1"><a href="observer/default.html">Default</a> - Uses the default observer class. <li class="r2"><a href="observer/simple.html">Simple</a> - Uses a custom observer class. <li class="r1"><a href="observer/complex.html">Complex</a> - Uses a custom observer class that handle progress of a 2nd bar. </ul> <p align="right">[<a href="#top">Top</a>]</p> <h2>Progress Generator </h2> <h3>Table of contents</h3> <p>Build your own progress bar with interactive tools. Run demo, and save PHP/CSS source-code.</p> <ul> <li class="r1"><a href="generator/default.html">Default</a> - None customization used.</li> <li class="r2"><a href="generator/htmlpage.html">Standard</a> - Uses HTML_Page generator for form rendering.</li> <li class="r1"><a href="generator/embedded.html">Embedded</a> - Include Progress Generator in your own pages with Actions customized.</li> </ul> <p align="right">[<a href="#top">Top</a>]</p> </body> </html>