Показать сообщение отдельно
  #2 (permalink)  
Старый 13.12.2017, 18:41
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Цитата:
Firefox работает корректно, остальные нет
Остальные да.
<style>
.progress0 { height:20px; margin:10px 0 0; width:0px; background-color: blue; transition: width 10000ms linear; }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<div class="progress0"></div>
<button id="start">
Start
</button>
<script>
var arr = [];
for (var i = 0; i < 50; i++) {
    arr.push(i);
};
$('#start').on("click",function(){
var str = '';
  $(arr).each(function(i,a){
    $.ajax({
        type: 'GET',
        url: 'https://google.com',
        async: false,
        complete: function () {
   			 $(".progress0").css("width",i*2+'%');
        }
    });
  });
});
</script>

Но странный прогрессбар

Последний раз редактировалось Dilettante_Pro, 13.12.2017 в 18:43.
Ответить с цитированием