Progress Bar


  render(<ProgressBar
  visible={true}
  height="80"
  width="80"
  color="#4fa94d"
  ariaLabel="progress-bar-loading"
  wrapperStyle={{}}
  wrapperClass=""
  />)

Props

Name	Type	Default	Description
ariaLabel	string	`progress-bar-loading`	Specifies the Aria label of the progress-bar. This label will be applied to the aria-label attribute in the wrapper element.
barColor	string	`#F4442E`	Color of the progress bar
borderColor	string	`#51E5FF`	Color of the border of the progress bar
height	number \| string	`80`	Specifies the height of the progress-bar SVG. For additional customization, employ the wrapper className.
visible	boolean	`true`	Controls the visibility of the progress-bar. If set to false, the progress-bar will not be rendered.
width	number \| string	`80`	Specifies the width of the progress-bar SVG. For further customization, utilize the wrapper className.
wrapperClass	string	`undefined`	Assigns a className to the wrapper for custom styling, overriding the default style.
wrapperStyle	object	`{}`	Applies styles to the wrapper. It should be a valid CSS object and can be used for custom styling, overriding the default style.

Progress Bar

Props​

Props