Free Shipping Mini cart

cart-drawer.liquid  489
 {% if settings.show_free_shipping_bar and settings.cart_Shiping_value != blank %}
        <div class="free_shipping_card_wrapper">
        {% assign cart_Shiping_value = settings.cart_Shiping_value | times: 1.0 %}
      {% if settings.cart_Shiping_text != blank %}
          <div class="free_shipping_card_title">
              {%- if cart.total_price < cart_Shiping_value -%}
                    {{ settings.cart_Shiping_text | split: 'XX,XX' | first -}}
                          {{- settings.cart_Shiping_value | minus: cart.total_price | money -}}
                   {{- settings.cart_Shiping_text | split: 'XX,XX' | last }}
              {% else %}
                {{- settings.cart_Shiping_text_sussess  | default:'You are eligible for international free shipping!' }}
              {%- endif -%}
            </div> 
      {% endif %}
            <div class="free_shipping_card_progress" data-cart-val= "{{ cart.total_price }}" data_cart_shiping-val="{{-settings.cart_Shiping_value-}}">
               {% assign cart_Shiping_value = settings.cart_Shiping_value | times: 1.0 %}
               {% assign height_proderas = cart.total_price | divided_by: cart_Shiping_value|  times : 100 %}
                {% if  height_proderas > 100 %}
              {% assign height_proderas = 100 %}
              {% endif %}
        <div class="free_shipping_card_progress_bar" style="width:{{- height_proderas -}}%"></div>
        </div>
    </div>
  {% endif %}

settings_schema.json

  {
        "type": "header",
        "content": "Free Shipping Bar"
      },
      {
        "type": "checkbox",
        "id": "show_free_shipping_bar",
        "label": "Show Free Shipping Bar",
        "default": true
      },
      {
        "type": "text",
        "id": "cart_Shiping_value",
        "label": "Cart Shiping value",
        "info": "Number only, e.g. 10000 for $100"
      },
      {
        "type": "text",
        "id": "cart_Shiping_text",
        "label": "Cart Shiping Text",
        "default": "You’re only €50 away from free international shipping!"
      },
      {
        "type": "text",
        "id": "cart_Shiping_text_sussess",
        "label": "Cart Shiping Text Sucess",
        "default": "You’re free international shipping!"
      },
css

.cart-drawer .free_shipping_card_wrapper { 
    padding-bottom: 1.1875rem; /* 19px to rem */
    margin-bottom: 0.9375rem; /* 15px to rem */
    margin-top: 1rem; /* 16px to rem */
    border-bottom: 0.0625rem solid #E6E6E6; /* 1px to rem */
}
.cart-drawer .free_shipping_card_wrapper .free_shipping_card_title {
    font-size: 0.8125rem; /* 13px to rem */
    letter-spacing: 0; /* No conversion needed */
    color: #1d1d1d;
    font-weight: 400;
    text-align: left;
    line-height: 0.9375rem; /* 15px to rem */
}
.cart-drawer .free_shipping_card_wrapper .free_shipping_card_progress { 
    margin-top: 0.5rem; /* 8px to rem */
    border: none;
    border-radius: 0; 
    background: #CFCFCF; 
    height: 0.375rem; /* 6px to rem */
}
.cart-drawer .free_shipping_card_wrapper .free_shipping_card_progress .free_shipping_card_progress_bar { 
    border-radius: 0; 
    background: #CC408D; 
    height: 0.375rem; /* 6px to rem */
    display: block; 
}