Как применять функции типа ease in out в чистом js?

Question

[Владимир Голубь]

Есть прогресс, который изменять от о до 1, в зависимости от этого меняется ширина элемента.
Хочу сделать анимацию с использованием ease in out.

Сейчас так:

// 250 конечная ширина
let width = Math.round(e.progress.toFixed(2) * 250);

Comments

[Kovalsky]

https://learn.javascript.ru/js-animation

[RAX7]

https://easings.net/ru
https://gist.github.com/gre/1650294
toFixed и round тут явно лишние

[Alex]

htmlbook.ru/html/progress

Answer 1

[Дима Паутов]

Использовать ссылку что в коментах вам дали https://learn.javascript.ru/js-animation

Либо, просто указать эту анимацию через css.
transition: .2s ease-in-out;
а через js меняете значение ширины или других свойств. На мой взгляд это куда проще, чем заморачиваться и писать их на js.