Фиксированный градиент с движущимся прямоугольником?

У меня есть WPF 'виджет монитора', который отображает ЦП, RAM и производительность диска как панели небольшого процента. Я использую следующий градиент в качестве ресурса для деления панелей на 4 раздела (т.е. 0% - 25%, 25% - 50%, и т.д.)

Первоначально, 0%-е положение панелей было наверху (панель. Высота = 0) и 100% была внизу (панель. Высота = 15). Размер панели изменился бы путем простой корректировки его свойства Height. Все хорошо работало, но я предпочту, чтобы 0%-е положение панелей было внизу вместо этого, т.е. панели 'станут' восходящими.

То, чтобы заставлять панели стать восходящим не было никакой проблемой, но проблема, которую я действительно имею, состоит в том, что градиент теперь перемещается с прямоугольником, так, чтобы вершина прямоугольника была всегда зеленой, неважно, насколько маленький это. Я понимаю, что это вызвано тем, что я теперь использую Холст. SetTop, чтобы переместить вершину прямоугольников (панели), а также изменить их высоту. Как я могу вызвать градиент к абсолютной позиции, независимо от положения прямоугольника?

(фоновая непрозрачность)

Извините, я знаю, что изображение является маленьким, но необходимо просто смочь разобрать, что средняя панель начинает с главного (зеленого) и становится нисходящей, заканчивающийся в оранжевом (50%-е-75% значение). Левая панель запускается внизу (это - то, что я хочу), но градиент в этой панели перемещается с высотой... это - проблема. Обратите внимание, что я инвертирую градиент, когда я смогу решить эту проблему, так, чтобы красный представил лучшие 25%. В этом примере нижняя четверть должна быть красной, следующий оранжевый квартал и желтый остаток.

Я не могу полагать, что нет никакого простого решения для этого... прибывают в черепные коробки.:) Как насчет того, чтобы переместить абсолютное положение градиента с прямоугольником... это возможное???

(Связывающий сообщение: Определение максимальной скорости передачи данных жесткого диска компьютера программно с C#)