Можно ли с помощью CSS так стилизовать слайдер?

Question

[DTX]

Проблема в голубой левой части

Answer 1

[DTX]

Сделал так:
codepen.io/anon/pen/JRAvEb

Answer 2

[Максим]

ionden.com/a/plugins/ion.rangeSlider

Answer 3

[WQP]

Первый блок: голубой фон + в :after ставишь треугольник position absolute, bottom выставляешь как надо и right 0px;
Второй блок: оранжевый фон.

Менять слайды нужно будет через width в процентах с overflow-x: hidden;

-------------
То что выше для слайдера картинок и т.д. Если вы используете https://jqueryui.com/slider/ то так и пишите. То что выше не подойдёт, а Slider UI редактируется и так через CSS

Comments

[DTX]

Нужен не слайдер, а range-input
Как сделать оранжевый трек понятно, как синий треугольник тоже. Вопрос в синем блоке
::-webkit-slider-runnable-track - трек
::-webkit-slider-thumb - треугольник

Answer 4

[Ингвар Фон Бьёрк]

Если Вы предоставите код и скажите чего именно хотите.

Comments

[DTX]

input type="range'
Как сделать оранжевый трек понятно, как синий треугольник тоже. Вопрос в синем блоке
::-webkit-slider-runnable-track - трек
::-webkit-slider-thumb - треугольник

[DTX]

sashabeep: а как без псевдоэлементов? Свой input писать?
С переполнением уже пробовал - не подходит. В граничных положениях часть треугольника будет пропадать