@ArtStylle

Как сделать progress для ползунка?

Я имею такой ползунок
5a75d6c0e7da9626113531.png
Мне нужно сделать такой
5a75d6e45884f834021374.png
Задача в том, чтобы ползунок оставлял после себя желтый фон, это видно на скрине выше. Так же, желательно сделать изминение цифр в зависимости от положения ползунка. Насколько знаю это можно сделать через tag progress. Но имею о нем слабое представление, заранее спасибо.
HTML
<div class="lf_q_item lf_q_item_3"> 						
	<div class="lf_q_item_3-text">
	<p>Минимальная сумма кредита</p>
	<span>320 000 рублей</span>
	</div>
	<input type="range" value="1" min="0" max="100" step="1">
        </div>

input[type=range]::-webkit-slider-runnable-track 
	height: 8px
	cursor: pointer
	animate: 0.2s
	margin-bottom: -20px
	border-bottom-left-radius: 8px
	border-bottom-right-radius: 8px


/* Бегунок в Хроме */

input[type=range]::-webkit-slider-thumb 
	border: 3px solid #FFDD2D
	height: 25px
	width: 25px
	border-radius: 60%
	background: #ffffff
	cursor: pointer
	-webkit-appearance: none
	margin-top: -9px
	position: relative
  • Вопрос задан
  • 59 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы