Progress bar fills to percent with the value at its end, and status marks it active, done or failed.size="small" for a thinner bar with smaller text, for a narrow column or a table cell.size to a preset, a [width, height] pair or { height } to change a bar's thickness, from a hairline to a thick bar.status to "success" or "exception" to show a check or a cross from your icon pack, on bars and circles.strokeColor to any CSS color, like a theme variable, for a state status has no value for, such as a warning.strokeColor a { from, to } pair or percentage stops to fill a bar or a circle with a gradient.strokeLinecap to "butt" or "square" for flat ends on a dashboard or circle, in place of the round cap.showInfo={false} and write your own label and status line around the bar, like a file name and time remaining.percentPosition to put the value inside the bar or at its start or end, and give an inner value a taller size.format a function to write the value your way, like 6 GB or 75 days, and it replaces the status icon too.percent at runtime and the bar and circle animate, turning to success at 100 when no status is set.steps to split the bar into segments, and pass strokeColor an array to color each segment on its own.success.percent to draw a second, darker run inside the bar, like tasks done inside tasks started.percent state, so dragging the slider fills the bar.type="circle" for a ring with the value in the middle, or a check or cross when status says so.size on a circle to a number or "small" to shrink it, for a card, a list row or a table cell.size of 20 or less hides its text and shows format in a tooltip, for a status next to a label.steps to a circle or dashboard to split the ring, with { count, gap } to set how many segments and how far apart.type="dashboard" for a ring with a gap, and move the gap with gapPlacement or widen it with gapDegree.