How to make multilple Progress Indicator added in horizontal layout responsive in sap ui 5

[Former Member]

I added four Progress Indicators in Horizontal layout inside a table column. But they are not responsive. Can someone help me with this. I tried by giving Progress indicator's width in % but it is not working.

Code snippet:

<Column
width="55%"
hAlign="Center">
<m:Label text="Progression" />
<template>
<l:HorizontalLayout width="100%">
<comm:ProgressIndicator width="2rem" height="2rem" percentValue="0" displayValue="{greyValue}" />
<comm:ProgressIndicator width="10rem" height="2rem" percentValue="50" displayValue="{yellowValue}"/>
<comm:ProgressIndicator width="10rem" height="2rem" percentValue="0" displayValue="{orangeValue}"/>
<comm:ProgressIndicator width="2rem" height="2rem" percentValue="100" displayValue="{redValue}" />
</l:HorizontalLayout>
</template>
</Column>

[Sharathmg]

try to wrap it in a flexbox container.