http://www.camorraworld.org/layout-s....php?rating=87

I'd like to implement a feature like that onto my current project. Any idea's on how it is done?

Do you mean a rating bar or a system to rate a specific thing? Details would help.

A rating bar just as it is there. Like you give it a value through the URL and it will show the adequate value.

There are a couple of ways to go about it. The simplest is to create separate images for each stage (stage 1 with 1 bar, 2 with 2 bars, etc) then do a simple if/else control structure on the variable $_GET['rating'].

Are you familiar at all with PHP? Or better yet, what language are you using for your current project?

Most PHP. I have been coding for quite a while.

But if you have noticed (played around with the one i sent you), you can put ANY value at the end (Between 0 and 100) and it'll change accordingly.

I understand that this is done with "image" within PHP, to create a PNG file. But then how is the bar created on this PNG file?

It is not necessarily done by dynamically creating the image, infact, I personally would consider that a bit overkill. Since the total value of the bar would be 100 and that bar has 6 tabs (that person seems to divide them in half as well so the actual number would be 12), I would just create that many images and call them up based upon number ranges...

PHP Code:

<?php

if($_GET['rating'] <= 8) {
// echo out the image that corresponds to this level
}elseif($_GET['rating'] > 8 && <= 16) {
// I think this makes the point clear enough
}

?>

In this way you can avoid all the extra coding that comes with rendering images, not to mention the problems with png in IE.

Originally Posted by Republikin

It is not necessarily done by dynamically creating the image, infact, I personally would consider that a bit overkill. Since the total value of the bar would be 100 and that bar has 6 tabs (that person seems to divide them in half as well so the actual number would be 12), I would just create that many images and call them up based upon number ranges...

PHP Code:

<?php

if($_GET['rating'] <= 8) {
// echo out the image that corresponds to this level
}elseif($_GET['rating'] > 8 && <= 16) {
// I think this makes the point clear enough
}

?>

In this way you can avoid all the extra coding that comes with rendering images, not to mention the problems with png in IE.

OK, Thanks very much.

Off to watch Serenity now!

I think it might be made by merging a few png images together (one for overlay and one for color) that output a final image using the GD Image lib.

I would probably create that as the green representing the rating percentage, with the block overlay on top to create the "blocks" look.

I personally wouldn't use the GD library (maybe because I don't know it that well) but I'd just output some separate bars depending on the amount inputted using some simple if-elseif-else conditions.
Faster load time (the images are cached and used multiple times), and simpler (at least for me :P).

Originally Posted by ryogo

I personally wouldn't use the GD library (maybe because I don't know it that well) but I'd just output some separate bars depending on the amount inputted using some simple if-elseif-else conditions.
Faster load time (the images are cached and used multiple times), and simpler (at least for me :P).

I like the idea.

But the bar on that page i linked to is just quite.. amazing. It will fit to any given percentage. I am intrigued on how it works though,,,