title: Animating jQuery progress bar
body: <p>I've found this nice animating progress bar tutorial: </p>
  
  <p><a href="http://www.cssflow.com/snippets/animated-progress-bar/demo" rel="nofollow">http://www.cssflow.com/snippets/animated-progress-bar/demo</a> </p>
  
  <p>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: </p>
  
  <p><a href="http://www.jcode.ninja/id/8561710" rel="nofollow">http://www.jcode.ninja/id/8561710</a></p>
  
  <p>I've simply used the code in the tutorial above for now just to see if i can get it working.</p>
  
  <p>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?</p>
  
  <p>Thanks in advance</p>