Location: PHPKode > scripts > cssProgressBar > cssprogressbar/example.php
<!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=utf-8" />
<title>PHP Class - Progress Bar</title>
<meta name="description" content="CSS Progress Bar">
</meta>

<style>
body {
    margin:0;
    padding:40px;
    background:#fff;
    font:70% Arial, Helvetica, sans-serif;
    color:#555;
    line-height:180%;
}

h1{
    font-size:180%;
    font-weight:normal;
    color:#555;
}

/* SINGLE PROGRESS BAR */

.progressBar{
    width:216px;
    height:41px;
    background:url(bg_bar.gif) no-repeat 0 0;
    position:relative;
}
.progressBar span{
    position:absolute;
    display:block;
    width:200px;
    height:25px;
    background:url(bar.gif) no-repeat 0 0;
    top:8px;
    left:8px;
    overflow:hidden;
    text-align: right;

}
.progressBar span b{
    overflow: visible;
    z-index: 1;
    margin-right: 10px;
    font-size: 12px;
}

.progressBar em{
    position:absolute;
    z-index: -1;
    display:block;
    width:200px;
    height:25px;
    background:url(bg_cover.gif) repeat-x 0 0;
    top:0;
}

</style>
</head>
<body>


<?php

    include("progress_bar.class.php");

    $pbar = new progress_bar('pbar',80,100,TRUE); //Creates a 500 pixle width progress bar starting at 1 percent with the name pbar auto create = false

?>


<br /><br /><center><a href="http://www.seandempsey.com">SeanDempsey.com</a></center><br />

</body>
</html>
Return current item: cssProgressBar