direi che con il javascript ispezioni i vari tag li, ne prendi il contenuto ed in base a quello setti, sempre da javascript, il valore di width per quel particolare li.

E tieni presente che probabilmente dovrai normalizzare gli step. Nel senso che se la tua pagina e' larga 960px ad esempio, non vuoi una barra che esca dai margini. Quindi ti consiglio di decidere a priori una lunghezza massima e poi normalizzare la lunghezza della barra corrente tra 0 e la lunghezza massima.

edit: secondo me se usi jQuery ti facilita la vita:

codice:
$('#istogramma li').each(function() {
  var valore = $(this).text();
  var bar-width = null;
  //converti valore in width con il tuo algoritmo...
  $(this).css('width', bar-width);
});