Установите для тега value значение 1: value="1".
Минимальное значение ползунка - 1. Это определяется: min="1". При перемещении ползунка в крайнее левое положение вашим браузером будет установлено значение 1. Чтобы добиться того, чтобы это значение было установлено на начальном / начальном, поставьте value, который в настоящее время составляет от 50 до 1: value="1".
<input type="range" min="1" max="100" value="1" class="slider" id="myRange">
Не ваш вопрос, но будет полным:
Если вы хотите поместить его в крайнее правое положение: вы должны установить максимальное доступное значение, которое в данном случае определяется max="100". Что означает: положите его на value="100".
Центр ползунка равен половине максимального значения, которое в данном случае составляет 50. Текущее значение установлено равным 50 в опубликованном коде, который по умолчанию устанавливает ползунок в центре.