[jQuery] percentage animation 효과 적용 (progress bar)

html

<div>
    <span class="tit">달성률(전체 100%)</span>
    <div class="bar-wrap">
        <div class="bar">

        </div>	
    </div>
    <span class="percentage"><span><?php echo $target_total_rate;?></span>%</span>
</div>

jQuery

function percentage(){
	var text = $('.percentage > span').text();
	var percent = text + '%';
	setTimeout(function(e){
		$('.bar').stop().animate({'width': percent},700);
	}, 300);
}