Сложная страница.

[Пепел Феникса]

как можно организовать нечто подобное?
(5 шкал, каждая от 0 до 7)

[Lesha]

5 png прозрачных рисунков в 5 слоев.
слои рисунков в состоянии position:absolute;

вариантов каждого из рисунков 7

итого 5*7 = 35 рисуков, на каждом из слоев отображается один из 7 комбинаций для данной шкалы.

[Пепел Феникса]

5*7+1.
фон то тоже нужен(нуль) поидее.

как я правильно полагаю, absolute у рисунков, а relative у родителя.
смотрел тут: http://htmlbook.ru/css/position

я думал разбить по такому принципу:

[Naive]

Я бы сделал дырки, а "прогресс-бар" под низ положил. Тогда бы понадобилось всего 5 рисунков (которые можно объединить) на каждый наклон. А дальше - уже дело позиционирования этой картинки на пяти плавающих слоях под рамкой.
п.с. пв-зло.

[Пепел Феникса]

я так не умею
куда копать?

и насколько это переносимо между браузерами?

да и помоему это выходит сложнее чем вариант 7*5, так как если 5 картинок, то как мне их правильно расположить(и размеры в том числе)?

[Naive]

всего три картинки получается:
верхний слой: картинка с прорезями(1), где могут быть заполненные значения.
пять слоев: у всех картинка, пятигранник(2), в зависимости от "заполненности", разные значения background-position — достаточно циклом пробежаться=)
последний слой - незаполненные дыры(3).
Ну, для ie6 еще можно продублировать первый слой гифаком.