[PHP] Progress/Status Bar

lee101 · 01-24-2007, 11:16 AM

I've just made this when i was messing about with GD functions in PHP, it is a progress bar type thing (not sure of the exact name). It takes 2 inputs, the total and used then creates a status bar type thing, could be useful for showing the amount of disk used.

Heres the main code:

ProgressBar.class.php

PHP Code:

  <?php

/*

    Class For creating a progress bar, using gd image library

    

    Created by: Lee Findlow

    Contact:     leefindlow@gmail.com

    Website:     http://lee.conceptsublime.com/

*/ 

 
class ProgressBar{

    //Variables to be used

    var $Width = 200; //Width of the Bar

    var $Height = 20; //Height of the bar

    var $Total; //The total amount, i.e. upper limit

    var $Highlight; //The amount to be lit

    

        //Background color attributes

        var $ColorBG_R = 255; //Red

        var $ColorBG_G = 255; //Green

        var $ColorBG_B = 255; //Blue

        

        //Highlight Color Attributes

????: NamePros.com http://www.namepros.com/code/285609-php-progress-status-bar.html
        var $ColorHighlight_R = 0; //Red

        var $ColorHighlight_G = 255; //Green

        var $ColorHighlight_B = 0; //Blue

        

        //Border Attributes

        var $ColorBorder_R = 0; //Red

        var $ColorBorder_G = 0; //Green

        var $ColorBorder_B = 0; //Blue

        

    //Function to create image

    function Create(){

        //Send out type header

            header ('Content-type: image/png');

        //Create Image

            $img = imagecreatetruecolor($this->Width, $this->Height);

        //Colors and Borders

            //Background

            $back = imagecolorallocate($img, $this->ColorBG_R, $this->ColorBG_G, $this->ColorBG_B);

            imagefilledrectangle($img, 0, 0, $this->Width, $this->Height, $back);

            //Filled Area

            $Highlight = imagecolorallocate($img, $this->ColorHighlight_R, $this->ColorHighlight_G, $this->ColorHighlight_B);

                //Calculate Length of lit area

                $length = (($this->Width - 2)/$this->Total) * $this->Highlight;

            //Create Full

            imagefilledrectangle($img, 1, 0, $length, $this->Height, $Highlight);

            //Lines around border

            $line = imagecolorallocate($img, $this->ColorBorder_R, $this->ColorBorder_G, $this->ColorBorder_B);

            imagerectangle($img, 0, 0, $this->Width - 1, $this->Height - 1, $line);

        //Create Image

            imagepng($img);

            echo $img;

        //Destroy temp image file

            imagedestroy($img);

    }

};

?>

It creates it in PNG format, which can be changed but i've been experimenting and PNG seemed to eb the smallest filesize, below are example usages of it:

Basic - will take the default values set in the script

PHP Code:

  <?php

include_once('ProgressBar.class.php');

$ProgressBar = new ProgressBar;

$ProgressBar->Total = 1024;

$ProgressBar->Highlight = 137;

$ProgressBar->Create();

?>

Or a more advanced version, where you can set additional variables (not everything needs to be set)

PHP Code:

  <?php

????: NamePros.com http://www.namepros.com/showthread.php?t=285609
include_once('ProgressBar.class.php');

$ProgressBar = new ProgressBar;

$ProgressBar->Width = 300;

$ProgressBar->Height = 45;

$ProgressBar->Total = 1024;

$ProgressBar->Highlight = 137;

//Background of Bar (RGB)

$ProgressBar->ColorBG_R = 255;

$ProgressBar->ColorBG_G = 255;

$ProgressBar->ColorBG_B = 255;

//Highlighted portion

$ProgressBar->ColorHighlight_R = 0;

$ProgressBar->ColorHighlight_G = 205;

$ProgressBar->ColorHighlight_B = 0;

//Border

$ProgressBar->ColorBorder_R = 0;

$ProgressBar->ColorBorder_G = 0;

$ProgressBar->ColorBorder_B = 0;

$ProgressBar->Create();

?>

The only variables that need setting are total and highlight, any feedback appreciated

Thanks,
Lee

iNod · 01-24-2007, 11:19 AM

Very nice, very nice indeed.

- Steve

RegisterRants · 01-27-2007, 03:39 PM

The function imagecreatetrueimage() is not valid

Maybe its just my GD acting up.

Anyways, you have to move the header() call to the line before the include("ProgressBar.class.php"); line

Dan · 01-27-2007, 03:52 PM

Works fine for me.
The header call just needs to be before any actual output, to it's fine where it is.

RegisterRants · 01-27-2007, 03:57 PM

I think that my GD is odd...gotta fix that.

Ah, I put some whitespace in the wrong place. That's why.

DeViAnThans3 · 02-04-2007, 07:33 AM

Great script! Rep updated

Thanks for nice scriptie

lee101 · 02-04-2007, 07:37 AM

Thanks Hans

Just wondered if you've had any problems with it, it's the first time I''ve used GD and it [surprisingly] seems to be working

Lee

BillyConnite · 02-04-2007, 06:55 PM

Nice one, although you might want to look into just using an image and resizing it to a percentage of the table it's in.

c0demonger · 03-09-2007, 06:37 PM

I hope you don't mind me posting this but I modified your code so I could just call it as an image file. I also changed some variable names to clear the code a little bit.

PHP Code:

  <?php

????: NamePros.com http://www.namepros.com/showthread.php?t=285609
 
/*

 * ProgressBar.php by c0demonger

 * Based on by ProgressBar.class.php by Lee Findlow / leefindlow@gmail.com 

 * ---------------------

 * Sample Usage: <img src="ProgressBar.php?t=100&h=56" alt="56 Percent Full" />

*/

 
$Total = (int) $_GET['t'];

$Highlight = (int) $_GET['h'];

 
$Width = 200; //Width of the Bar

$Height = 20; //Height of the bar

 
//Background color attributes

$ColorBG_R = 255; //Red

$ColorBG_G = 255; //Green

$ColorBG_B = 255; //Blue

 
//Highlight Color Attributes

$ColorHighlight_R = 0; //Red

$ColorHighlight_G = 121; //Green

$ColorHighlight_B = 0; //Blue

 
//Border Color Attributes

$ColorBorder_R = 0; //Red

$ColorBorder_G = 0; //Green

$ColorBorder_B = 0; //Blue

 
//Send out type header

header ('Content-type: image/png');

 
//Create Image

$img = imagecreatetruecolor($Width, $Height);

 
//Colors and Borders

//Background

$color_back = imagecolorallocate($img, $ColorBG_R, $ColorBG_G, $ColorBG_B);

//Filled Area

$color_highlight = imagecolorallocate($img, $ColorHighlight_R, $ColorHighlight_G, $ColorHighlight_B);

//Border

$color_line = imagecolorallocate($img, $ColorBorder_R, $ColorBorder_G, $ColorBorder_B);

 
//Calculate Length of lit area

$length = (($Width - 2)/$Total) * $Highlight;

 
// draw background

imagefilledrectangle($img, 0, 0, $Width, $Height, $color_back);

 
// draw highlighted percentage

imagefilledrectangle($img, 1, 0, $length, $Height, $color_highlight);

????: NamePros.com http://www.namepros.com/showthread.php?t=285609
 
// draw the border

imagerectangle($img, 0, 0, $Width - 1, $Height - 1, $color_line);

 
//Create Image

imagepng($img);

 
//Destroy temp image file

imagedestroy($img); 

 
?>

Might come in handy for some one

Cheers.

01-24-2007, 11:16 AM	THREAD STARTER #1 (permalink)
lee101 NamePros Regular Join Date: Mar 2006 Location: United Kingdom Posts: 413 Follow @leefindlow	[PHP] Progress/Status Bar I've just made this when i was messing about with GD functions in PHP, it is a progress bar type thing (not sure of the exact name). It takes 2 inputs, the total and used then creates a status bar type thing, could be useful for showing the amount of disk used. Heres the main code: ProgressBar.class.php PHP Code: <?php /* Class For creating a progress bar, using gd image library Created by: Lee Findlow Contact: leefindlow@gmail.com Website: http://lee.conceptsublime.com/ / class ProgressBar{ //Variables to be used var $Width = 200; //Width of the Bar var $Height = 20; //Height of the bar var $Total; //The total amount, i.e. upper limit var $Highlight; //The amount to be lit //Background color attributes var $ColorBG_R = 255; //Red var $ColorBG_G = 255; //Green var $ColorBG_B = 255; //Blue //Highlight Color Attributes ????: NamePros.com http://www.namepros.com/code/285609-php-progress-status-bar.html var $ColorHighlight_R = 0; //Red var $ColorHighlight_G = 255; //Green var $ColorHighlight_B = 0; //Blue //Border Attributes var $ColorBorder_R = 0; //Red var $ColorBorder_G = 0; //Green var $ColorBorder_B = 0; //Blue //Function to create image function Create(){ //Send out type header header ('Content-type: image/png'); //Create Image $img = imagecreatetruecolor($this->Width, $this->Height); //Colors and Borders //Background $back = imagecolorallocate($img, $this->ColorBG_R, $this->ColorBG_G, $this->ColorBG_B); imagefilledrectangle($img, 0, 0, $this->Width, $this->Height, $back); //Filled Area $Highlight = imagecolorallocate($img, $this->ColorHighlight_R, $this->ColorHighlight_G, $this->ColorHighlight_B); //Calculate Length of lit area $length = (($this->Width - 2)/$this->Total) $this->Highlight; //Create Full imagefilledrectangle($img, 1, 0, $length, $this->Height, $Highlight); //Lines around border $line = imagecolorallocate($img, $this->ColorBorder_R, $this->ColorBorder_G, $this->ColorBorder_B); imagerectangle($img, 0, 0, $this->Width - 1, $this->Height - 1, $line); //Create Image imagepng($img); echo $img; //Destroy temp image file imagedestroy($img); } }; ?> It creates it in PNG format, which can be changed but i've been experimenting and PNG seemed to eb the smallest filesize, below are example usages of it: Basic - will take the default values set in the script PHP Code: `<?php include_once('ProgressBar.class.php'); $ProgressBar = new ProgressBar; $ProgressBar->Total = 1024; $ProgressBar->Highlight = 137; $ProgressBar->Create(); ?>` Or a more advanced version, where you can set additional variables (not everything needs to be set) PHP Code: <?php ????: NamePros.com http://www.namepros.com/showthread.php?t=285609 include_once('ProgressBar.class.php'); $ProgressBar = new ProgressBar; $ProgressBar->Width = 300; $ProgressBar->Height = 45; $ProgressBar->Total = 1024; $ProgressBar->Highlight = 137; //Background of Bar (RGB) $ProgressBar->ColorBG_R = 255; $ProgressBar->ColorBG_G = 255; $ProgressBar->ColorBG_B = 255; //Highlighted portion $ProgressBar->ColorHighlight_R = 0; $ProgressBar->ColorHighlight_G = 205; $ProgressBar->ColorHighlight_B = 0; //Border $ProgressBar->ColorBorder_R = 0; $ProgressBar->ColorBorder_G = 0; $ProgressBar->ColorBorder_B = 0; $ProgressBar->Create(); ?> The only variables that need setting are total and highlight, any feedback appreciated Thanks, Lee __________________ Linux Screenshots

01-24-2007, 11:19 AM	#2 (permalink)
iNod Eating Pie Join Date: Nov 2004 Location: Canada Posts: 2,267	Very nice, very nice indeed. - Steve __________________ I feel old.

01-27-2007, 03:39 PM	#3 (permalink)
RegisterRants Senior Member Join Date: Oct 2006 Location: NJ Posts: 1,147 Follow @jrberlinsky	The function imagecreatetrueimage() is not valid Maybe its just my GD acting up. Anyways, you have to move the header() call to the line before the include("ProgressBar.class.php"); line __________________ Web Development

01-27-2007, 03:57 PM	#5 (permalink)
RegisterRants Senior Member Join Date: Oct 2006 Location: NJ Posts: 1,147 Follow @jrberlinsky	I think that my GD is odd...gotta fix that. Ah, I put some whitespace in the wrong place. That's why. __________________ Web Development

02-04-2007, 07:37 AM	THREAD STARTER #7 (permalink)
lee101 NamePros Regular Join Date: Mar 2006 Location: United Kingdom Posts: 413 Follow @leefindlow	Thanks Hans Just wondered if you've had any problems with it, it's the first time I''ve used GD and it [surprisingly] seems to be working Lee __________________ Linux Screenshots

01-27-2007, 03:52 PM	#4 (permalink)
Dan Buy my domains. Join Date: Feb 2006 Posts: 2,792	Works fine for me. The header call just needs to be before any actual output, to it's fine where it is.

02-04-2007, 07:33 AM	#6 (permalink)
DeViAnThans3 Account Suspended Join Date: Apr 2006 Location: Belgium Posts: 442	Great script! Rep updated Thanks for nice scriptie

02-04-2007, 06:55 PM	#8 (permalink)
BillyConnite Join Date: Jul 2005 Location: Coffs H, Australia Posts: 3,456	Nice one, although you might want to look into just using an image and resizing it to a percentage of the table it's in. __________________ Free Forums / GoDaddy Coupon Codes (NEW DOMAIN!) / Free Arcade Script / <?='Your computer is '.(1?fine:broken).'.'?>

03-09-2007, 06:37 PM	#9 (permalink)
c0demonger NamePros Member Join Date: Nov 2005 Posts: 25	I hope you don't mind me posting this but I modified your code so I could just call it as an image file. I also changed some variable names to clear the code a little bit. PHP Code: <?php ????: NamePros.com http://www.namepros.com/showthread.php?t=285609 /* * ProgressBar.php by c0demonger * Based on by ProgressBar.class.php by Lee Findlow / leefindlow@gmail.com * --------------------- * Sample Usage: <img src="ProgressBar.php?t=100&h=56" alt="56 Percent Full" /> / $Total = (int) $_GET['t']; $Highlight = (int) $_GET['h']; $Width = 200; //Width of the Bar $Height = 20; //Height of the bar //Background color attributes $ColorBG_R = 255; //Red $ColorBG_G = 255; //Green $ColorBG_B = 255; //Blue //Highlight Color Attributes $ColorHighlight_R = 0; //Red $ColorHighlight_G = 121; //Green $ColorHighlight_B = 0; //Blue //Border Color Attributes $ColorBorder_R = 0; //Red $ColorBorder_G = 0; //Green $ColorBorder_B = 0; //Blue //Send out type header header ('Content-type: image/png'); //Create Image $img = imagecreatetruecolor($Width, $Height); //Colors and Borders //Background $color_back = imagecolorallocate($img, $ColorBG_R, $ColorBG_G, $ColorBG_B); //Filled Area $color_highlight = imagecolorallocate($img, $ColorHighlight_R, $ColorHighlight_G, $ColorHighlight_B); //Border $color_line = imagecolorallocate($img, $ColorBorder_R, $ColorBorder_G, $ColorBorder_B); //Calculate Length of lit area $length = (($Width - 2)/$Total) $Highlight; // draw background imagefilledrectangle($img, 0, 0, $Width, $Height, $color_back); // draw highlighted percentage imagefilledrectangle($img, 1, 0, $length, $Height, $color_highlight); ????: NamePros.com http://www.namepros.com/showthread.php?t=285609 // draw the border imagerectangle($img, 0, 0, $Width - 1, $Height - 1, $color_line); //Create Image imagepng($img); //Destroy temp image file imagedestroy($img); ?> Might come in handy for some one Cheers.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)