Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
4
respostas

Customizar o Range Slider

Pessoal, procurando aqui e tentando usar uma solução com menos código possível, queria fazer um controlador de slide (Range Slider), achei este link: https://www.w3schools.com/howto/howto_js_rangeslider.asp que é o que preciso, mas só falta uma coisa, colocar uma "div" que acompanha a bolinha (handle), procurei muita coisa na NET mas só veio códigos cheios de bugs e bibliotecas.

Será que alguém tem uma solução?! Criei este CodePen: https://codepen.io/adrianomeira/pen/vVmjBr

Se alguém puder me ajudar agradeço demais!

4 respostas

Oi Adriano, estou tentando algo na linha do que você está procurando, me parece um problema muito chato de lidar ainda mais quando se trata de cenários responsivos, isso por que não dá pra fixar números nos cálculos.

Você teve algum progresso?

solução!

Olá Wanderson, puxa infelizmente não... mas tudo bem acabei optando por usar outra forma, sem usar o input range. Obrigado!

Compartilha com a gente essa outra forma? Talvez algum outro aluno acabe se beneficiando disso.

Olá Wanderson claro, vou separar o trecho a noite, ms fiz com HTML, CSS e JS sem o "arrastar" nada próximo do que queria...