Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mostrar porcentagem

17-08-2007 21:36

Para quem tem valores pré-definidos e deseja mostrar isso em porcentagem, segue um exemplo:

JAVASCRIPT

<script type="text/javascript"> function chama() { valor1 = 90; valor2 = 50; total = valor1+valor2; porcentagem1 = Math.round((valor1*100)/total); porcentagem2 = Math.round((valor2*100)/total); document.getElementById('div1').style.height=porcentagem1+"px"; document.getElementById('div1').innerHTML=porcentagem1+"%"; document.getElementById('div2').style.height=porcentagem2+"px"; document.getElementById('div2').innerHTML=porcentagem2+"%"; } </script>

CSS

<style type="text/css"> .div{ float:left; width:100px; border:1px solid #cccccc; text-align:center; } </style>

HTML

<body onload="javascript:chama()"> <table> <tr> <td valign="bottom"><div id="div1" class="div" style="height:0px;"></div></td> <td valign="bottom"><div id="div2" class="div" style="height:0px;"></div></td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado