Как создать меню как на картинке?

Question

[Сергей Васенин]

Как создать такое же меню чет в голову не лезет как сделать

Comments

[Robert Bl]

А в чём проблема?

[Сергей Васенин]

Robert Bl: некого этого не делал вот и сложно))

Answer 1

[Алексей Скляров]

Ничего сложного. https://jsfiddle.net/yj6exL1x/

Перетаскивание нижнего подчеркивания между ссылками делается через js.

Comments

[Сергей Васенин]

а без Js можно как то обойтись ?

[Алексей Скляров]

Сергей Васенин: нет. если вам нужна катающаяся плашка, то иной реализации я предположить не могу

[Сергей Васенин]

Алексей Скляров: ок..но к сожалению у вас код некорректно работает((

[Алексей Скляров]

Сергей Васенин: скажем так, сначала я решил что вы не понимаете как организовать кружочки, это я и сделал. Реализация же ползунка просто гуглится

[Сергей Васенин]

Алексей Скляров: ну круги то я знал как сделать) мне сам ползунок нужен был даже понятия не имел как меню это называется нашёл кстати как сделать на css

[Сергей Васенин]

Алексей Скляров: ссылку можно? на всякий))

[Алексей Скляров]

Сергей Васенин: webcareer.ru/menyu-so-skolzyashhej-liniej.html

Answer 2

[campus1]

Перетаскивание

Comments

[Сергей Васенин]

ну такое я тоже мог сделать а мне нужно что бы нижний бордер был

[Илья]

Сергей Васенин: Добавьте border-bottom к ul, transition.. и будет то что вам нужно

[Сергей Васенин]

Илья: не совсем понял почему так происходит

[Сергей Васенин]

Илья: https://codepen.io/anon/pen/wqjJad#anon-login сделал на css