¿como se pueden diseñar estas barras?

Hola,
necesito que me den un consejo. De como puedo diseñar unas barras como las que están debajo de este sitio http://trulia.movity.com/rentvsbuy/

Gracias

Hola, podés generar reglas en css y aplicarlas con JS de acuerdo a tus variables. Por ejemplo:

style.css

Código :

/**
 * Porcentajes
 */
.10 { background: red; width: 20px; }
.20 { background: green; width: 40px; }

index.html

Código :

<div class="statistics">
    <p class="10">Argentina</p>
    <p class="20">Colombia</p>
</div>

Si quieres hacer dos columnas como el ejemplo que diste, puedes jugar con CSS3 (para generar las columnas) o con dos divs y la propiedad float.

Saludos

Gracias!, lo estoy diseñando de esa manera.
un saludo!