{%macro step_indicator(step, width=100)%}
<svg width="{{width}}" height="{{width}}" xmlns="http://www.w3.org/2000/svg">
  <circle cx="{{0.5*width}}"
          cy="{{0.5*width}}"
          r="{{0.5*width}}"
          fill="#E5E5FF" />
  <text x="{{0.5*width}}"
        y="{{0.6*width}}"
        font-size="{{0.2*width}}"
        text-anchor="middle"
        fill="#555555">
    Step {{step}}
  </text>
</svg>
{%endmacro%}