Hola
lsobpla
He modificado un poco el código:
Código PHP:
<script type="text/javascript">
var max=250;
var ancho=300;
function progreso_tecla(obj) {
var progreso = document.getElementById("progreso"+obj.id);
if (obj.value.length < max) {
progreso.style.backgroundColor = "#FFFFFF";
progreso.style.backgroundImage = "url(textarea.png)";
progreso.style.color = "#000000";
var pos = ancho-parseInt((ancho*parseInt(obj.value.length))/250);
progreso.style.backgroundPosition = "-"+pos+"px 0px";
} else {
progreso.style.backgroundColor = "#CC0000";
progreso.style.backgroundImage = "url()";
progreso.style.color = "#FFFFFF";
}
progreso.innerHTML = "("+obj.value.length+" / "+max+")";
}
</script>
</head>
<body>
<div class="contenedor">
<textarea id="1" onkeyup="progreso_tecla(this)" value=""></textarea>
<div id="progreso1">(0 / 250)</div>
<textarea id="2" onkeyup="progreso_tecla(this)" value=""></textarea>
<div id="progreso2">(0 / 250)</div>
</body>
Saludos,
