Quiero hacer esto explicó: un usuario compra 1750 puntos, la barra se llena en color verde si completa la de 2000. y el obtiene el premio Numero 1. si realiza otra y completa la de 3000. Pues se llena la de 3000 gana el premio Numero 2 y si sigue comprando se va llenando cada barra SEPARADA. IMPORTANTE una barra es la continuación de la anterior es decir la suma de la de 2000 se suma a la de 3000 osea yo ho compre 2000 gallinas mañana compro mil gallinas total son 3000 entonces dos barras de progreso deben llenarse la de 2000 y la de 3000 en verde.
lo que tengo hecho es esto pero no sale dividido igual que la imagen
<html>
<progress max="2000" value="700"><!--Divide--><progress max="3000" value="50"><!--Divide--><progress max="5000" value="20"><!--continbua igual que la imagen-->
</html>