Super simple free shipping progress for shopify cart page

free-shipping-progress-bar-shopify.liquid

<div style="display:flex; justify-content:flex-end;">
    <div>
        $0 <progress max="5000" value="{{ cart.total_price }}"></progress> $50

        <br>
        {% if cart.items.size == 0 %}
            Add items to your cart to receive free shipping.
        {% endif %}
        {% if cart.items.size != 0 %}
            {% if cart.total_price >= 5000 %} 
                You've got free shipping 👌
            {% elsif cart.total_price < 5000 %}
                You're only {{ 5000 | minus: cart.total_price | money }} away from free shipping.
                <a class="underlined-link" href="/collections/popular-products">Shop best sellers >></a>
            {% endif %}
        {% endif %}
    </div>
</div>