Боюсь, в настоящее время нет инструмента, который бы сделал это для вас. Я сам что-то реализовал раньше, но это было очень просто и никак не было автоматизировано. Это был простой шаблон, где модель представляла собой номер шага:
<g:render template="flowVisualiser" model="[step: 2]" />
Вы должны будете указывать это при каждом просмотре веб-потока, меняя номер для любого шага. Сам шаблон имел только ряд изображений для каждого из шагов, и в стиле каждого изображения была некоторая логика gsp, так что если передаваемая модель была шагом 2 (например) или выше, то это конкретное изображение было бы непрозрачным 1:
<li>
<div class="${step >= 2 ? 'step-completed' : 'step-todo'}">
<img src="${resource(dir:'images',file:'2.png')}" />
<h4>Do this step</h4>
</div>
</li>
...
Я знаю, что это не фантастика и немного ручного труда, но у меня все получилось :)