Есть следующий код
$(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%, но она увеличивается неравномерно. Подскажите как можно исправить?