title: CSS3 - Progress bar design
body: <p>I'm trying to give a nice style to the progress bars on my website (they're all using jQuery UI).
  I'd like it to look something like this : (there's a nice bevel effect and a nice progress indicator below)</p>
  
  <p><img src="https://i.stack.imgur.com/l7oyk.jpg" alt="Progress bar"></p>
  
  <p>I've tried to play a little with CSS3 to get something like this but I just can't find a good way to do it and what I tried is not really beautiful or even looking like the picture above...</p>
  
  <p>Here's my try : <a href="http://jsfiddle.net/xw6zL/2/" rel="nofollow noreferrer">http://jsfiddle.net/xw6zL/2/</a> ...</p>
  
  <p>Any idea ?</p>