Resizing container while obtaining the same SVG percentage width

Question

I'm trying to obtain the same percent of the filled container with an SVG when resizing container.

as you can see when I resize the container of my SVG, it doesn't update, the width of SVG remains the same, not 80% of the container.

<svg width="80%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 100% 100%">
   <defs>
     <clipPath id="progress-clipping-mask">
         <rect width="100%" height="100%"/>
     </clipPath>
   </defs>
</svg>

Is there a way to remain 80% of the container even if it changes its width?