uploader/templates/macro-step-indicator.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

{%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%}