Quiero formar una especie de barra de progreso que va degradando el color principal.
Empezando desde el rojo, hasta un rojo muy claro y finalmente el blanco.
una cosa así
Imaginad que el amarillo es un rojo clarito (no se hacerlo con paint.)
El caso que tengo en mi html:
.rojo{
width:600px;
height: 200px;
background-color:#F54021;
background:linear-gradient(left, #F54021, 60%, #D95030, 30%, white , 10%);
}
<div class="rojo">
</div>
El problema al ejecutar que toda la barra es de color rojo, no hace ningún degradado y también me he dado cuenta que sólo coge esta línea
background-color:#F54021;
Si pongo negro o azul o lo que sea va a ser el color final de la barra...
Edito: El degradado va desde la parte de la izquierda a la derecha.
Gracias