How to make such a progress bar background?

Question

css

How to make such a progress bar background?
Color usage:

linear-gradient(180deg, #69DDAB 25.89%, #4FC994 53.66%)
linear-gradient(180deg, #61D6A3 0%, #3DA477 100%)

Answer 1

Answer 2

Try this, it didn't turn out very neat, but I hope you get the idea.
to make the shadow on top add another vertical gradient with transparency

background-repeat: repeat;

background: linear-gradient(107deg, rgb(122 206 160) 12%, rgb(94 165 126) 12%, rgb(100 174 133) 38%, rgb(125 208 163) 38%, rgb(120 204 158) 62%, rgb(103 177 136) 62%, rgb(95 167 128) 84%, rgb(125 208 163) 84%);

background-size: 150px 100%;