Private Message system graph?

[Teach]

Hello guys!

I have just finished a new Private Messaging system, which limits to 30 messages in inbox, and 30 in sent box.

Basically, I display these as:

Inbox: X/30
Sent box: X/30

There is then functioning code which says if there are more than 25 a warning shows to tell the user to empty their mailbox/inbox? Upon sending or receiving a message, checks are made and if the boxes are full the message isn't delivered

What I want to do now is the "bar" similar to these forums which show a green/red bar showing how their usage is. Is this easy to do? I want a bar that's 220px in width, and shows red for the amount of messages and green for remaining.

Is this easy to do? I don't see a need (at least in my head!) to provide code, as the way I display it now is just a ".$num_rows."/30, so I guess this is how it's done on the bar too?

Any help appreciated! Thank you

[NogDog]

A simple way is to just create a 1-pixel-wide image that is red, put it in a container such as a <div> with a specific width and height and a green background, then set the image's width to be the desired percentage of the available width.

<?php
$width = (int) $numPosts / 30 * 220;  // width of usage bar in pixels
?>
<div style="height:10px;width:220px;padding:0;background-color:#00FF00">
<img src="red.gif" height="10" width="<?php echo $width; ?>" style="display:block">
</div>

[Teach]

You're a genius
Thank you very much 🙂