Я пытаюсь отобразить индикатор выполнения в заголовке модального окна.
Этот индикатор выполнения должен отображаться до тех пор, пока данные не будут загружены (до их ввода в код функции (данные)), ноон не отображается.
Раньше он работал, когда я использовал файл Bootstrap css по ссылке CDN, но теперь, когда я использую файл, который хранится в папке моего веб-приложения, он не отображаетсябольше.
Версия Bootstrap: v4.0.0
Я очистил файл CSS, и все свойства индикатора выполнения есть.
У вас есть идея?
Ajax Call
function GetEventsDetails(id) {
$('#myModal').show();
$('#progressBar').show();
$('.modal-body').html("");
var idd = id;
$.get("@Url.Action("GetEventsDetails", "Events")/" + idd,
function (data) {
$('.modal-body').html(data);
$('#progressBar').hide();
})
}
Модальный
<div class="modal fade" role="dialog" id="myModal" tabindex="-1" aria-labelledby="myModal" aria-hidden="true" style="display: none">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="progress">
<div class="progress-bar " id="progressBar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
</div>
</div>
<div class="modal-body">
<div id="myModalContent">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>