0
I’m a layman, so even to find something like this is hard for me. Here’s what I wanna do. Type a 2-digit number value in an input and automatically type the value in a bar. This bar is set to "widht:0" If I type 50, then the style would be "widht:50%" Something like that...
.bar-porcent {
overflow: hidden;
width: 50%;
}
.bar-porcent span {
width: 100%;
height: 14px;
background-image: linear-gradient(-90deg, red, yellow);
}
<input type='text' id='porc1' value="50" >
<div class="bar-porcent">
<div class="porcentagem">
<span></span>
</div>
</div>
To better understand, the layout is getting like this. I need to type the number and the bar already get the size of what I typed http://gtecprovisorio.hospedagemdesites.ws/grafeno-digital/sistema/cadastro-cedente/participacao.html
A lot of mass Renan I will study this code, I found very sophisticated rss. And this method
input
already joins the keyup and change at the same time!– hugocsl