{% if learning_path.enrolled? %}
  <div class="np-top-cta-progress-content">
    <div class="np-top-cta-progress-title np-text-title">
      {% t .progress %}
    </div>
    <div class="np-progress-bar-container">
      <div
        style="width: {{ learning_path.progress }}%"
        class="np-button-background-color np-card-progress-bar">
      </div>
    </div>
    <div class="np-top-cta-progress-text
      {% if learning_path.completed? %} np-color-success {% else %} np-button-color {% endif %}
    ">
      {% t shared.progress, count: learning_path.progress %}
    </div>
  </div>
{% endif %}

{% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
