<div class="bde-scroll-progress__wrapper">
{% if content.tracker.type == 'line' or content.tracker.type is empty %}
<div class="bde-scroll-progress__bar">
  <div class="bde-scroll-progress__current js-current-progress"></div>
</div>
{% if content.tracker.show_percentage %}
	<span class="bde-scroll-progress__percentage js-current-percentage">0%</span>
{% endif %}

{% endif %}
{% if content.tracker.type == 'circle' %}
  <div class="bde-scroll-progress__circle">
  	<svg class="bde-scroll-progress__circle-svg js-progress-svg" width="100%" height="100%" viewBox="-1 -1 102 102">
	  <path class="background" d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
      <path class="progress" d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
  	</svg>
    {% if content.tracker.show_percentage %}
      <span class="bde-scroll-progress__percentage js-current-percentage">0%</span>
    {% endif %}
  </div>
{% endif %}
</div>


