Как привязать пункты меню к двигающихся полоске снизу?

Question

[Space Around]

Хочу сделать анимированную навигационное меню. Нужно чтобы подчёркивающая линия ездила при наведении на один и пунктов меню, суть в том, что это не border-bottom, а hr и если поставить абсолютно позиционирование и менять через right: x%, то из-за разной ширины экрана полоска начинает куда-то съезжать. Как можно напрямую привязать пункты меню к двигающийся полоске?

Answer 1

[yarnstart]

https://jsfiddle.net/t5wLm9p0/1/ так ?

Comments

[Space Around]

Да, спасибо)