Анимация javascript не работает должным образом [закрыто]CSS

Разбираемся в CSS
Ответить
Anonymous
 Анимация javascript не работает должным образом [закрыто]

Сообщение Anonymous »

Я создаю систему голосования и хочу, чтобы вариант с наибольшим количеством голосов располагался наверху с анимацией переключения, но я не знаю, как это сделать.

Код: Выделить всё

function updateResults() {
for (let option in votes) {
let percentage = (votes[option] / totalVotes) * 100 || 0;
document.getElementById(option.toLowerCase().replace(' ', '')).style.width = percentage + '%';
document.getElementById(`${option.toLowerCase().replace(' ', '')}-percentage`).innerText = Math.round(percentage) + '%';
}
}
JSFiddle
пожалуйста, дайте простое объяснение того, как применяется анимация переключения и изменение рейтинга.
Я пробовал возиться с анимацией, но так и не получил желаемого результата. Мне удалось добиться того, чтобы вариант, набравший наибольшее количество голосов, попал в топ, но он всегда заканчивался телепортацией

Подробнее здесь: https://stackoverflow.com/questions/791 ... g-properly
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»