Ícone do site Linha de Comando

PHP: Gráfico de Barras com CSS

Aprenda como criar um gráfico de barras, usando PHP e CSS.

index.php
PHP




Grafico de Barras com CSS




Porcentagem de Acessos

=$width ?>

estilo.css

#principal{
  width:500px;
  height:60px;
  margin-left:10px;
  font-family:Verdana, Helvetica, sans-serif;
  font-size:14px;
}
#barras{
  width:428px;
  height:30px;
  float:left;
  margin: 2px 0;
}
.barra1, .barra2, .barra3, .barra4{ 	
  color:#FFF;
  padding-left:10px;
  height:30px;
  line-height:30px;
}
.barra1{ background-color: #FF0000; }
.barra2{ background-color: #0000FF; }
.barra3{ background-color: #FF6600; }
.barra4{ background-color: #009933; }

RESULTADO

Sair da versão mobile