0

Есть следующий код

$(document).ready(function() {
  setInterval(function() {
    if ($('.value').width() < 95) {
      $('.value').width($('.value').width() + 5 + '%');
    }
  }, 1000);
});
.bar {
    width: 350px;
    height: 50px;
    background: #ccc;
  }

  .value {
    width: 0;
    height: 50px;
    background: #f00;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="bar">
  <div class="value"></div>
</div>

Нужно чтобы ширина каждый раз увеличивалась на 5%, но она увеличивается неравномерно. Подскажите как можно исправить?

1 ответ 1

1

$(document).ready(function() {
  setInterval(function() {
    let width = parseInt($('.value')[0].style.width || '0%')
    if(width < 95)
      $('.value').width(5+width + '%')
  }, 1000);
});
.bar {
  width: 350px;
  height: 50px;
  background: #ccc;
}

.value {
  width: 0;
  height: 50px;
  background: #f00;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="bar">
  <div class="value"></div>
</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.