{% 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-card-progress-bar np-learning-progress-bar-color">
      </div>
    </div>
    <div class="np-top-cta-progress-text
      {% if learning_path.completed? %} np-color-success {% else %} np-learning-progress-text-color {% endif %}
    ">
      {% t shared.progress, count: learning_path.progress %}
    </div>
    {% include "product_expiration_date", date: learning_path.expiration_date %}
  </div>
{% endif %}

<div class="np-top-cta-container">
  {% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
</div>
