create sharp line

Question

background: linear-gradient
(red 20%, green
, green 80%, blue 80%);

Answer 1

What is your question?

Answer 2

Try
background: linear-gradient(to right, red 20%, red 20%, green 20%, green 80%, blue 80%);
https://code.sololearn.com/WZ7zkn68FA69/?ref=app

Answer 3

background: linear-gradient
(red 20%, green
20%
, green 80%, blue 80%);