三国志大戦用のサイトビルダーでも利用した方法。

１のサイズを16pxとし最大を８とした場合、最初のdivの横幅を16px×8の128pxにする。これが最大値を示すことになる。

もうひとつ入れ子にdivをつくってその背景にバーの画像を指定する。

横幅は16pxを１として換算する。気をつけなければいけないのは、入れ子のdivで高さ(height)を指定することと、フォントサイズ(font-size)を０にすること。そして値として半角スペース（&nbsp）を指定すること。これらが揃ってないと表示されない場合がある。