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"
    )
  )
}

 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.