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

[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