关于进度条的问题（animate）

for(i=1;i<50;i++)
{
   $('h3').animate({ width: i + '%' });
}

animate的执行为什么是在循环全部结束之后才会执行，而不是 i遍历到几，animate的宽度就增加到几，为什么不是时时的呢
如果我想实现时时增加宽度，应该怎么去做？