Possible to build an svg that has fluid horizontal scaling, similar to old table-slice method?

Question

I am attempting to build an svg that can be scaled horizontally and fluidly, similar to the old table-sliced images used to scale a header fluidly across the top of a page.

Answer 1

This is a Javascript means to adjust the rectangles based on svg width. Sorry I couldn't create a CSS approach.