Скрыть индикатор загрузки после 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

Вы можете использовать функцию complete из jQuery's animate:

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