Dynamic background progress on arbitrary shape

• 1 min read

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.