Search code examples
cssreactjscomponentsprogress-barantd

How to increase the height of progress component in antd


I have tried height:'50px' in style prop which is increasing the height of the container but not the progress bar.

I tried to target base classes as below which doesn't work as well.

.ant-progress-line .ant-progress-outer .ant-progress-inner div.ant-progress-bg {
  height: 50px;
}

how to achieve the expected behavior? enter image description here


Solution

  • This should work fine:

    .ant-progress-bg {
        height: 20px !important;
    }