Тип ввода HTML5 диапазон показывает значение диапазона

Я делаю веб-сайт, на котором я хочу использовать ползунок диапазона (я знаю, что он поддерживает только браузеры webkit).

Я полностью интегрировал его и работает нормально. Но я хотел бы использовать текстовое поле , чтобы показать текущее значение слайда.

Я имею в виду, что если изначально ползунок имеет значение 5, поэтому в текстовом поле он должен отображаться как 5, когда я перемещаю значение в текстовом поле, оно должно измениться.

Могу ли я сделать это, используя только CSSили html. Я хочу избежать JQuery. Это возможно?