WooCommerce progress bar from cart contents total value

My aiming result is like this:

With the current code its not showing the cart total in the progress bar. What am I doing wrong? And how can I integrate those steps/stacks?

var carttotal = WC()->cart->get_cart_contents_total(); 
document.getElementById("cart-progress-bar").value = carttotal;

#cart-progress-bar {
  background-color: #f9f9f9;
  box-shadow: inset 0 1px 1px rgba(100, 100, 100, 0.1);
  box-sizing: initial;
  color: #fff;
  font-size: 20px;
  height: 30px;
  position: relative;
  text-align: center;
  width: auto;
  margin: 10px;
  border:1px solid grey;
}

<progress id="cart-progress-bar" max="100" value="0"></progress>

from WooCommerce progress bar from cart contents total value