I've found this nice animating progress bar tutorial: 

<http://www.cssflow.com/snippets/animated-progress-bar/demo> 

However the progress bar doesn't use jquery and the tutorial doesn't tell you how to link multiple buttons to the progressbar. So after searching I found this tutorial: 

<http://www.jcode.ninja/id/8561710>

I've simply used the code in the tutorial above for now just to see if i can get it working.

My question is how do you animate the progress in the same way as the first tutorial? Is it possible to apply a gradient starting with green then fading to orange then fading into red. I can do this in photoshop, which isnt a problem but can you add it as a progressbar "skin" rather than the default grey?

Thanks in advance