2015-08-13 01:31:37 +02:00
|
|
|
<% if $Steps.Count > 1 %>
|
|
|
|
<div id="userform-progress" class="userform-progress" aria-hidden="true" style="display:none;">
|
2015-08-18 07:30:15 +02:00
|
|
|
<p>Page <span class="current-step-number">1</span> of <span class="total-step-number">$Steps.Count</span></p>
|
2015-08-13 01:31:37 +02:00
|
|
|
<div class="progress">
|
2015-08-17 00:43:51 +02:00
|
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="1" aria-valuemin="1" aria-valuemax="$Steps.Count"></div>
|
2015-08-13 01:31:37 +02:00
|
|
|
</div>
|
2015-08-19 05:29:14 +02:00
|
|
|
<nav aria-label="Pages in this form">
|
2015-08-13 01:31:37 +02:00
|
|
|
<ul class="step-buttons">
|
|
|
|
<% loop $Steps %>
|
2015-08-17 00:43:51 +02:00
|
|
|
<li class="step-button-wrapper<% if $First %> current<% end_if %>" data-for="$Name">
|
|
|
|
<%-- Remove js-align class to remove javascript positioning --%>
|
2016-07-14 16:29:25 +02:00
|
|
|
<button class="step-button-jump js-align" disabled="disabled" data-step="$Pos"><% if $Top.ButtonText %>$Top.ButtonText <% end_if %>$Pos</button>
|
2015-08-17 00:43:51 +02:00
|
|
|
</li>
|
2015-08-13 01:31:37 +02:00
|
|
|
<% end_loop %>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</div>
|
2015-08-19 05:29:14 +02:00
|
|
|
<h2 class="progress-title"></h2>
|
2015-08-06 01:01:21 +02:00
|
|
|
<% end_if %>
|