隱藏100％後的引導進度條

Question

我想在完成動畫後（100％）隱藏進度條。我該怎麼做？這裏是工作的代碼，但我只是不知道如何事後隱藏：

$(".progress-bar").animate({ 
 
    width: "100%" 
 
}, 5000);

.progress.active .progress-bar { 
 
    -webkit-transition: none !important; 
 
    transition: none !important; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-xs-12 col-sm-12 progress-container"> 
 
    <div class="progress progress-striped active"> 
 
    <div class="progress-bar progress-bar-success" style="width:0%">Loading...</div> 
 
    </div> 
 
</div>

而且也有一個小提琴，以顯示它在我的代碼是基於（對，這是什麼小提琴確實是加載從0到70％2.5秒，但它是完全一樣的，因爲我做的：http://jsfiddle.net/WEYKL/1/

Answer 1

你可以使用從jQuery's animate的complete功能：

$(".progress-bar").animate({ 
    width: "100%" 
}, 5000, function() { 
    $(this).closest('.progress').fadeOut(); 
});