<?xml version="1.0" encoding="iso-8859-1"?> <!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title> Why use HTML_Progress2 ? </title> <link rel="stylesheet" href="book.css" type="text/css" /> <meta name="generator" content="DocBook XSL Stylesheets V1.69.1" /> <link rel="start" href="index.html" title="HTML_Progress2 Manual" /> <link rel="up" href="ch01.html" title= "Chapter 1. About Progress2" /> <link rel="prev" href="ch01s02.html" title="Intended Audience" /> <link rel="next" href="ch02.html" title= "Chapter 2. What's New in version 2 ?" /> <style type="text/css"> /*<![CDATA[*/ body { background-color: white; color: black; } :link { color: #0000FF } :visited { color: #840084 } :active { color: #0000FF } h2.c1 {clear: both} /*]]>*/ </style> </head> <body> <table class="progress2Header"> <tr> <td> <img src="img/pear_progress2.gif" align="left" alt= "PEAR Progress2 logo" /> <h1> HTML_Progress2 : The Definitive Guide </h1> <div class="navheader"> <table width="100%" summary="Navigation header"> <tr> <th colspan="3" align="center"> Why use HTML_Progress2 ? </th> </tr> <tr> <td width="20%" align="left"> <a accesskey="p" href="ch01s02.html">Prev</a> </td> <th width="60%" align="center"> Chapter 1. About Progress2 </th> <td width="20%" align="right"> <a accesskey="n" href="ch02.html">Next</a> </td> </tr> </table> </div> </td> </tr> </table> <div class="sect1" lang="en" xml:lang="en"> <div class="titlepage"> <h2 class="title c1"> <a name="intro.use" id="intro.use"></a>Why use HTML_Progress2 ? </h2> </div> <div class="toc"> <dl> <dt> <span class="sect2"><a href= "ch01s03.html#intro.use.features">Features</a></span> </dt> <dt> <span class="sect2"><a href= "ch01s03.html#intro.use.screenshots">Screenshots</a></span> </dt> <dt> <span class="sect2"><a href= "ch01s03.html#intro.use.requires">System Requirements</a></span> </dt> <dd> <dl> <dt> <span class="sect3"><a href= "ch01s03.html#intro.use.requires.mandatory">Mandatory resources</a></span> </dt> <dt> <span class="sect3"><a href= "ch01s03.html#intro.use.requires.optional">Optional resources</a></span> </dt> </dl> </dd> </dl> </div> <p> There are some classes that exists, but never none of them as such degree of customization. You can produce all kind of progress meter you want: from basic horizontal bar, vertical bar, to circle, ellipse, and even free polygonal shape. </p> <div class="sect2" lang="en" xml:lang="en"> <div class="titlepage"> <h3 class="title"> <a name="intro.use.features" id="intro.use.features"></a>Features </h3> </div> <div class="itemizedlist"> <ul type="disc"> <li>create horizontal, vertival bar and also circle, ellipse and polygons (square, rectangle). </li> <li>allows usage of existing external StyleSheet and/or JavaScript. </li> <li>all elements (progress, cells, labels) are customizable by their html properties. </li> <li>percent/labels are floating all around the progress meter. </li> <li>compliant with all CSS/XHMTL standards. </li> <li>integration with all template engines is very easy. </li> <li>implements Observer design pattern. It is possible to add Listeners. </li> <li>adds a customizable monitor pattern to display a progress bar. User-end can abort progress at any time. </li> <li>allows many progress meter on same page without uses of iframe solution. </li> <li>error handling system that support native PEAR_Error, but also PEAR_ErrorStack, and any other system you might want to plug-in. </li> <li>PHP 5 ready </li> </ul> </div> </div> <div class="sect2" lang="en" xml:lang="en"> <div class="titlepage"> <h3 class="title"> <a name="intro.use.screenshots" id= "intro.use.screenshots"></a>Screenshots </h3> </div> <p> Here is a list of samples, to see what kind of render you could have : </p> <div class="itemizedlist"> <ul type="disc"> <li>A very simple horizontal progress bar. See <a href= "ch21.html#examples.basic.1" title="">Basic usage with default skin</a> </li> <li>A progress meter when status is unknown. See <a href= "ch21s02.html#examples.indeterminate.1" title="">Indeterminate Mode usage</a> </li> <li>More than one caption around a progress meter. See <a href= "ch21s03.html#examples.label.1" title="">Multi Labels usage</a> </li> <li>A progress bar and a quickform window. See <a href= "ch21s05.html#examples.monitor.1" title="">Monitoring usage</a> </li> </ul> </div> <p> Of course this is not limited to this little sample. For a full list of examples (demos) and screenshots (contains in the distribution), please visit my web site at <a class="external" href= "http://pear.laurent-laville.org/HTML_Progress2/" title= "http://pear.laurent-laville.org/HTML_Progress2/">http://pear.laurent-laville.org/HTML_Progress2/</a>. </p> </div> <div class="sect2" lang="en" xml:lang="en"> <div class="titlepage"> <h3 class="title"> <a name="intro.use.requires" id="intro.use.requires"></a>System Requirements </h3> </div> <div class="toc"> <dl> <dt> <span class="sect3"><a href= "ch01s03.html#intro.use.requires.mandatory">Mandatory resources</a></span> </dt> <dt> <span class="sect3"><a href= "ch01s03.html#intro.use.requires.optional">Optional resources</a></span> </dt> </dl> </div> <div class="sect3" lang="en" xml:lang="en"> <div class="titlepage"> <h4 class="title"> <a name="intro.use.requires.mandatory" id= "intro.use.requires.mandatory"></a>Mandatory resources </h4> </div> <div class="itemizedlist"> <ul type="disc"> <li>Webserver IIS or Apache (recommanded 1.3.x). </li> <li> <a class="external" href="http://www.php.net/" title= "http://www.php.net/">PHP</a> 4.3.10 or newer. </li> <li> <a class="external" href="http://pear.php.net/" title= "http://pear.php.net/">PEAR</a> 1.5.4 or newer. </li> <li> <a class="external" href= "http://pear.php.net/package/HTML_Common" title= "http://pear.php.net/package/HTML_Common">PEAR::HTML_Common</a> 1.2.1 or newer. </li> <li> <a class="external" href="http://pear.php.net/package/HTML_CSS" title="http://pear.php.net/package/HTML_CSS">PEAR::HTML_CSS</a> 1.1.2 or newer (since version 2.2.0). </li> <li> <a class="external" href= "http://pear.php.net/package/PHP_Compat" title= "http://pear.php.net/package/PHP_Compat">PEAR::PHP_Compat</a> 1.4.1 or newer. </li> <li> <a class="external" href= "http://pear.php.net/package/Event_Dispatcher" title= "http://pear.php.net/package/Event_Dispatcher">PEAR::Event_Dispatcher</a> 0.9.1 or newer. </li> </ul> </div> </div> <div class="sect3" lang="en" xml:lang="en"> <div class="titlepage"> <h4 class="title"> <a name="intro.use.requires.optional" id= "intro.use.requires.optional"></a>Optional resources </h4> </div> <div class="itemizedlist"> <ul type="disc"> <li> <a class="external" href= "http://pear.php.net/package/HTML_QuickForm" title= "http://pear.php.net/package/HTML_QuickForm">PEAR::HTML_QuickForm</a> 3.2.4 or newer. </li> <li> <a class="external" href= "http://pear.php.net/package/HTML_QuickForm_Controller" title= "http://pear.php.net/package/HTML_QuickForm_Controller">PEAR::HTML_QuickForm_Controller</a> 1.0.4 or newer. </li> <li> <a class="external" href= "http://pear.php.net/package/HTML_Template_IT" title= "http://pear.php.net/package/HTML_Template_IT">PEAR::HTML_Template_IT</a> 1.1 or newer. </li> <li> <a class="external" href= "http://pear.php.net/package/HTML_Template_Sigma" title= "http://pear.php.net/package/HTML_Template_Sigma">PEAR::HTML_Template_Sigma</a> 1.1.2 or newer. </li> <li> <a class="external" href= "http://pear.php.net/package/HTML_Page2" title= "http://pear.php.net/package/HTML_Page2">PEAR::HTML_Page2</a> 0.5.0 or newer. </li> <li> <a class="external" href="http://pear.php.net/package/Log" title="http://pear.php.net/package/Log">PEAR::Log</a> 1.8.7 or newer. </li> <li> <a class="external" href= "http://pear.php.net/package/Image_Color" title= "http://pear.php.net/package/Image_Color">PEAR::Image_Color</a> 1.0.1 or newer. </li> <li> <a class="external" href= "http://pear.php.net/package/HTML_AJAX" title= "http://pear.php.net/package/HTML_AJAX">PEAR::HTML_AJAX</a> 0.5.0 or newer (since version 2.3.0a2). </li> <li> <a class="external" href= "http://www.php.net/manual/en/ref.apc.php" title= "http://www.php.net/manual/en/ref.apc.php">PHP extension APC</a> 3.0.13 or newer. </li> <li> <a class="external" href= "http://pecl.php.net/package/uploadprogress" title= "http://pecl.php.net/package/uploadprogress">PHP extension uploadprogress</a> 0.3.0 or newer. </li> <li> <a class="external" href= "http://www.php.net/manual/en/function.gd-info.php" title= "http://www.php.net/manual/en/function.gd-info.php">PHP extension gd</a> 2.0.1 or newer. </li> </ul> </div> </div> </div> </div> <table class="progress2Footer"> <tr> <td align="left"> HTML_Progress2 : The Definitive Guide </td> <td align="right"> v 2.4.0 : April 20, 2007 </td> </tr> </table> <div class="navfooter"> <hr /> <table width="100%" summary="Navigation footer"> <tr> <td width="40%" align="left"> <a accesskey="p" href="ch01s02.html">Prev</a> </td> <td width="20%" align="center"> <a accesskey="u" href="ch01.html">Up</a> </td> <td width="40%" align="right"> <a accesskey="n" href="ch02.html">Next</a> </td> </tr> <tr> <td width="40%" align="left" valign="top"> Intended Audience </td> <td width="20%" align="center"> <a accesskey="h" href="index.html">Home</a> </td> <td width="40%" align="right" valign="top"> Chapter 2. What's New in version 2 ? </td> </tr> </table> </div> </body> </html>