Rounded Corners on Progress Bar and Bar Chart?

 Hello pearlfranz ,

There is no parameter that accepts this shape as Kumar mentioned. But you can use a card layout and try. The below is something that will give what you want on a progress bar.

{
  a!cardLayout(
    padding: "NONE",
    shape: "ROUNDED",
    marginAbove: "NONE",
    marginBelow: "NONE",
    contents: a!progressBarField(
      labelPosition: "COLLAPSED",
      percentage: 75,
      marginAbove: "NONE",
      style: "THICK"
    )
  )
}

The trick here is to make "padding" none. Then the rounded shape of the card hides the square edges of the enclosed component. Adjust the margins of the inner component to remove any remaining space.

Thank you Konduru and Stefan, it worked perfectly for the progress bar!
However, I am struggling to round the corners of the bars in a bar chart. It seems I cannot get rid of the large space that appears above the bar. Any help would be greatly appreciated!

Thank you Konduru and Stefan, it worked perfectly for the progress bar!
However, I am struggling to round the corners of the bars in a bar chart. It seems I cannot get rid of the large space that appears above the bar. Any help would be greatly appreciated!

I think this is just not possible. All the chart components will have some remaining white space around them.

Oh okay, thank you regardless for the help!

pearlfranz Please do verify the answers that were helpful to you. It would help others with similar question find the answer quickly and also it would mark this thread as closed.