<div class="nexus-deletion-progress__content">
    <p class="nexus-deletion-progress__status">
        <i class="fas fa-spinner fa-spin" aria-hidden="true"></i>
        <strong data-deletion-message>{{message}}</strong>
    </p>

    <div
        class="nexus-deletion-progress__track"
        data-deletion-progress
        role="progressbar"
        aria-valuemin="0"
        aria-valuemax="{{total}}"
        aria-valuenow="{{completed}}"
    >
        <span data-deletion-progress-bar style="width: {{pct}}%;"></span>
    </div>

    <div class="nexus-deletion-progress__details">
        <span><strong data-deletion-completed>{{completed}}</strong> / <strong data-deletion-total>{{total}}</strong> processed</span>
        <span><strong data-deletion-remaining>{{remaining}}</strong> remaining</span>
        <span>Elapsed <strong data-deletion-elapsed>{{elapsed}}</strong></span>
    </div>

    <p class="nexus-deletion-progress__notice">
        <i class="fas fa-circle-info" aria-hidden="true"></i>
        Please wait for deletion to finish before making changes to the world.
    </p>
</div>
