Esta solução para criar gráficos com barra utilizando apenas html e css é bastante simples. O tamanho da barra vermelha será determinado editando o width=”" height=”" da imagem. O height fica fixado em um valor que poderia ser 16. Já o width você poderia variar de 1 a 100 pixels para representar de 1 a 100%. Veja detalhes aqui.
O CSS utiliza duas imagens que você pode fazer o download aqui: imagem de fundo, imagem da barra
Google Links Patrocinados: