changed image names
BIN
img/bar-blue.gif
Normal file
|
After Width: | Height: | Size: 163 B |
BIN
img/bar-darkgreen.gif
Normal file
|
After Width: | Height: | Size: 94 B |
BIN
img/bar-darkyellow.gif
Normal file
|
After Width: | Height: | Size: 95 B |
BIN
img/bar-green.gif
Normal file
|
After Width: | Height: | Size: 94 B |
BIN
img/bar-lightblue.gif
Normal file
|
After Width: | Height: | Size: 95 B |
BIN
img/bar-red.gif
Normal file
|
After Width: | Height: | Size: 95 B |
BIN
img/bar-yellow.gif
Normal file
|
After Width: | Height: | Size: 95 B |
|
|
@ -1,7 +1,81 @@
|
|||
<?php
|
||||
require_once("../class/PHPProgressBar.php");
|
||||
// Example of use
|
||||
echo"<html><body><center>";
|
||||
echo"<html>
|
||||
<head>
|
||||
<style type='text/css'>
|
||||
.progressEX1, .progressEX2, .progressEX3, .progressEX4, .progressEX5, .progressEX6, .progressEX7{
|
||||
background: transparent url(../img/bar-grey.gif) repeat-x scroll 0%;
|
||||
border: 1px solid black;
|
||||
color: white;
|
||||
height: 16px;
|
||||
margin: 5pt;
|
||||
padding: 0pt;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width; 150px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.progressEX1 b, .progressEX2 b, .progressEX3 b, .progressEX4 b, .progressEX5 b, .progressEX6 b, .progressEX7 b{
|
||||
float: left;
|
||||
height: 16px;
|
||||
margin: 0pt;
|
||||
padding: 0pt;
|
||||
font-size: 11px;
|
||||
}
|
||||
.progressEX1 b{
|
||||
background: transparent url(../img/bar-red.gif) repeat-x scroll 0%;
|
||||
}
|
||||
.progressEX2 b{
|
||||
background: transparent url(../img/bar-yellow.gif) repeat-x scroll 0%;
|
||||
}
|
||||
.progressEX3 b{
|
||||
background: transparent url(../img/bar-darkyellow.gif) repeat-x scroll 0%;
|
||||
}
|
||||
.progressEX4 b{
|
||||
background: transparent url(../img/bar-darkgreen.gif) repeat-x scroll 0%;
|
||||
}
|
||||
.progressEX5 b{
|
||||
background: transparent url(../img/bar-green.gif) repeat-x scroll 0%;
|
||||
}
|
||||
.progressEX6 b{
|
||||
background: transparent url(../img/bar-lightblue.gif) repeat-x scroll 0%;
|
||||
}
|
||||
.progressEX7 b{
|
||||
background: transparent url(../img/bar-blue.gif) repeat-x scroll 0%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body><center>
|
||||
<div class='progressEX1'>
|
||||
<b style='width: 80%' />
|
||||
<span>Red</span>
|
||||
</div>
|
||||
<div class='progressEX2'>
|
||||
<b style='width: 80%' />
|
||||
<span>Yellow</span>
|
||||
</div>
|
||||
<div class='progressEX3'>
|
||||
<b style='width: 80%' />
|
||||
<span>Dark Yellow</span>
|
||||
</div>
|
||||
<div class='progressEX4'>
|
||||
<b style='width: 80%' />
|
||||
<span>Dark Green</span>
|
||||
</div>
|
||||
<div class='progressEX5'>
|
||||
<b style='width: 80%' />
|
||||
<span>Green</span>
|
||||
</div>
|
||||
<div class='progressEX6'>
|
||||
<b style='width: 80%' />
|
||||
<span>Light Blue</span>
|
||||
</div>
|
||||
<div class='progressEX7'>
|
||||
<b style='width: 80%' />
|
||||
<span>Blue</span>
|
||||
</div>
|
||||
";
|
||||
$p1 = new PHPProgressBar(550, 16, "../img/bar-grey.gif", "../img/bar-life.gif");
|
||||
$p2 = new PHPProgressBar(550, 16, "../img/bar-grey.gif", "../img/bar-mana.gif");
|
||||
$p3 = new PHPProgressBar(550, 16, "../img/bar-grey.gif", "../img/bar-life.gif");
|
||||
|
|
|
|||