How can I center the progress bar on an image?

[IamLLIIME]

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 %}

[jaydeep_312]

Hello , @IamLLIIME 

Can you please provide your store url ?

[IamLLIIME]

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

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

[jaydeep_312]

Hello , @IamLLIIME 

There is no image beside progress bar

[IamLLIIME]

@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]

@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