CSS Slide to new width

Question

Let's say by using jQuery I can set the width of a DIV doing this:

$('#perc_in').width("14%");

then I make it do this:

$('#perc_in').width("57%");

Is there a way I can make it so instead of going from 14 to 57 I can make it SLIDE the progress bar from 14 to 57 percent? It's a simple div around another div with the percent being the progress (aka width).

Answer 1

You can use .animate() to achieve that:

$('#perc_in').animate({'width': '57%'}, durationInMilliSeconds);