Dynamic background progress on arbitrary shape

Posted on October 9, 2021

This is a nice one-CSS-line tip to filling an arbitrary shape partially:

background: linear-gradient(to right, green 70%, white 70%, white);

To achieve results such as stars rating component:

Codepen here.