Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

felipe592

Barra de uso Javascript

Recommended Posts

Olá! Galera! Gostaria de solicitar Se Alguem Sabe o codigo daqueles sistemas de Barra Javascript Ou Ajax.

por Exemplo

barra.png

por exemplo, Eu defino 50% Ele amostra a barra 50% em uso em verdade.

se passar de 70% fica vermelha Alguem Sabe como fazer ou Algum site que contém?

Agradeço A todos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Talvez queira algo como isso,o Input valor tem de ser numerico:

 

<!DOCTYPE html>
<html>
<body>

<input type="text" id="valor" />
<input type="button" onClick="gera()" value="Gerar" />
<table> 
<tr><td></td></tr>
</table>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
function gera(){

var c = $("#valor").val();
var color = "green";
$("table").attr("bgcolor", color);
$("table").attr("width", c);
$("table").attr("height", 20)
}
</script>  
</body>
</html>

 

Defina o fundo como imagem faca a regra para os 70% e defina um efeito do bg.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Talvez queira algo como isso,o Input valor tem de ser numerico:

 

<!DOCTYPE html>
<html>
<body>

<input type="text" id="valor" />
<input type="button" onClick="gera()" value="Gerar" />
<table> 
<tr><td></td></tr>
</table>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
function gera(){

var c = $("#valor").val();
var color = "green";
$("table").attr("bgcolor", color);
$("table").attr("width", c);
$("table").attr("height", 20)
}
</script>  
</body>
</html>

 

Defina o fundo como imagem faca a regra para os 70% e defina um efeito do bg.

 

opá! tem alguma Outra Forma de definir O valor sem ser Pelo input?

é sim pelo proprio Html ao entrar na pagina na definir um valor?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.