Solucionado (ver solução)
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...