Cjax Framework


Slick, simple and usable progressbar for your measuring needs.
Note
To actually learn how is done, you are expected to check the source code of the example, not just this page.

Examples

PHP
<?php 

    
    
#Check examples/controllers/progressbar.php  for example on handling the progressbar
    
    //show progressbar at 1%
    
$ajax->progressbar('#progressbar1'20);
    
$ajax->progressbar('#progressbar2'44);
    
    
$ajax->progressbar('#progressbar3'67);
    
    
$ajax->progressbar('#progressbar4'40);
    
?>
HTML
    <ul class="inline">
        <li>
            <div id="progressbar1">
                <img src="/cjax/plugins/progressbar/img/check.png" />
            </div>
            <a href="#" class="link" data-test="1">Test</a>
        </li>
        <li>
            <div id="progressbar2">
                <img src="/cjax/plugins/progressbar/img/cj.png" />
            </div>
            <a href="#" class="link" data-test="2">Test</a>
        </li>
        <li>
            <div id="progressbar3">
            </div>
            <a href="#" class="link" data-test="3">Test</a>
        </li>
        <li>
            <div id="progressbar4">
            </div>
            <a href="#" id="link4" data-test="4">Test</a>
        </li>
    </uL>
        
	

Try it

Example

Previous Topic:  Previous Class    ·   Top of Page   ·   Demos Home   ·  

CodeIgniter  ·  Copyright © 2006 - 2012  ·  Cjax