Изменение размера контейнера при получении той же процентной ширины SVG

Question

Я пытаюсь получить тот же процент заполненного контейнера с SVG при изменении размера контейнера.

Как вы можете видеть, когда я изменяю размер контейнера моего SVG, он не обновляется, ширина SVG остается той же, а не 80% контейнера.

<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>

Можно ли сохранить 80% контейнера, даже если он изменит свою ширину?