Problema position span con barretta dinamica

[fradamma]

Ciao a tutti,
vorrei sapere se il mio problema è gestibile lato css (html) oppure devo affidarmi a jquery.
Ho questa sitazione:

<div class="wrap_risp">
            <span class="risposta"><span class="percentuale" style="width: ???"></span></span><span class="percentuale-risultato">100%</span>
</div>

div.wrap_risp {
position: relative;
}

span.risposta {
 height: 40px;
 margin: 15px 5px 15px 10px;
 overflow: hidden;
 width: 165px;
display:blocK;
float:left;
}
span.percentuale {
 background: none repeat scroll 0 0 #F37800;
 border-radius: 2px; 
 height: 40px;
 -moz-border-radius: 2px; 
 -webkit-border-radius: 2px;
 margin-right: 10px;
display:blocK;
float:left;
}

Il tutto rappresenta la risposta di un sondaggio (stile exitpoll) con una barretta dinamica.

Per farvela breve, lo span "risposta" è necessario che abbia width fissa in quanto il suo span interno "percentuale" avrà una width immessa inline dinamicamente che in base alla percentuale di width (la stessa di risposta) prenderà un bg arancione (per questo motivo ho messo un punto interrogativo dopo "style="width:... "). Il problema è che lo span "percentuale-risultato" deve seguire graficamente la barretta alla sua sinistra e non essere fissa. Eì possibile farlo con i css oppure essendo al di fuori dello span risultato non potrà mai seguirlo?

Grazie e buon pomeriggio