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