I need to create a powerbar type image on a php page. It needs to work as follows:
1. The bar will consist of a number of sements, 4 for example. When a user points at a segment it will change colour along with all segments to the left. For example if the mouse hovers over segment 3, segments 1, 2 and 3 will change colour. They will revert to the original colour when the mouse moves away.
2. If the user clicks on a segement, then the segment along with all to the left will permanetly change colour.
3. When the command button next associated with this is clicked the value of the clicked segement will be passed to a variable.
I'm sure there are a number of ways of doing this but what would be the most straightforward.