Progress bar alignment

IamLLIIME
Trailblazer
257 1 49

Good day! How can I align the progress bar on the center of the image?

 

Here is he code that I used

 

<center><progress max="400000" style="width: 50%;"value="{{ cart.total_price }}"></progress> <img src="https://cdn.shopify.com/s/files/1/0445/2361/8461/files/1080p_x_1080p_ENDS_1.jpg?v=1645978614" width="50" height="20" /> {% if cart.items.size == 0 %}Add items to your cart to receive free 3KG DVPEACHES.{% endif %}{% if cart.items.size != 0 %}{% if cart.total_price >= 400000 %} You've got free 3KG DVPEACHES!{% elsif cart.total_price < 400000 %}SHOP {{ 400000 | minus: cart.total_price | money }} MORE TO GET FREE 3KG DVPEACHES!{% endif %}{% endif %}

 

IamLLIIME_0-1648002957933.png

 

Replies 5 (5)
jaydeep_312
Shopify Partner
14 2 4

Hello , @IamLLIIME 

 

Can you please provide your store url ?

Please like and accept solution , if you find the answer useful.
Please contact on jaydeeptalsania312@gmail.com , if you want to hire me
IamLLIIME
Trailblazer
257 1 49

@jaydeep_312  I'll just share you a preview. It is not currently up yet

 

https://8wqg8qixb4ml2ds0-44523618461.shopifypreview.com

jaydeep_312
Shopify Partner
14 2 4

Hello , @IamLLIIME 

 

There is no image beside progress bar

Please like and accept solution , if you find the answer useful.
Please contact on jaydeeptalsania312@gmail.com , if you want to hire me
IamLLIIME
Trailblazer
257 1 49

@jaydeep_312  I'm sorry I just changed the code. Here is the code that I'am using

 

<br>
<center><progress max="400000" style="width: 50%;"value="{{ cart.total_price }}"></progress>&nbsp;&nbsp; <h style="font-size:15px">FREE 3KG DVPEACHES!</h></center>
<center>{% if cart.items.size == 0 %}Add items to your cart to receive free 3KG DVPEACHES.{% endif %}{% if cart.items.size != 0 %}{% if cart.total_price >= 400000 %} You've got free 3KG DVPEACHES!{% elsif cart.total_price < 400000 %}SHOP {{ 400000 | minus: cart.total_price | money }} MORE TO GET FREE 3KG DVPEACHES!{% endif %}{% endif %}</center>
<br>
<br>

 

IamLLIIME
Trailblazer
257 1 49

@jaydeep_312  I'm planning to use that for my store voucher could you help me how can I achieve this? Here is my voucher code

 

Get P150 OFF
For a minimum spend of P3500

Use the code: SUMMER150

 

Get P100 OFF
For a minimum spend of P2500
Use the code: SUMMER100

 

Get P50 OFF
For a minimum spend of P1500
Use the code: SUMMER50