$.each animation running separately
I'm trying to run each animation function one after the other instead of all at once. This is what I've got so far: $(document).ready(function(){ var bars = $('.bar'); bars.each(function(){ var widthpercent = $(this).attr("data-percent"); $(this).fadeIn(); $(this).animate({width:widthpercent},500); }); }); I've tried using .delay() and setTimeout() in various combinations to no avail. Could anyone point me in the right direction? Thank you! It sounds to me like you're looking for animate 's complete function. You can write a recursive function to keep calling the function in the complete