今日初めてやったテクだが、
★★★★☆
の様な評価を★の数で表示する時に、
<div style='position:relative;display:inline-block'>
<div>☆☆☆☆☆</div>
<div style='position:absolute;width:70%;top:0px;overflow:hidden'>★★★★★</div>
</div>
↓サンプル
の様な感じで、position:relativeの領域に空の☆を5個並べて、続けてposition:absoluteで★を5個並べてwidthで範囲外の★をhiddenすれば良い感じになるね。
画像もスクリプトも使わず☆☆☆☆☆と★★★★★を合成できる。
この方法やってみたがうまく行ったぽい。
ちなみに、Firefox以外はまだ未確認。