<div class="np-top-cta">
	<div class="np-hidden-mobile">
		{% include "course_cta_button" %}
	</div>
	<div class="np-top-cta-progress-content">
		<div class="np-top-cta-progress-title np-text-title">
			<span data-lang="DE">Lernfortschritt</span>
			<span data-lang="EN">Progress</span>
		</div>
		<div class="np-progress-bar-container">
			<div
				style="width: {{ course.progress }}%"
				class="np-progress-background-color np-card-progress-bar">
			</div>
		</div>

		<div class="np-top-cta-progress-text">
			<span data-lang="DE">{% t shared.progress, count: course.progress %}</span>
			<span data-lang="EN">{{course.progress}}% complete</span>		
		</div>
	</div>
</div>
<div class="np-hidden-desktop">
	{% include "course_cta_button" %}
</div>