# XWUIChartProgressBar

`XWUIChartProgressBar` is a thin wrapper around `XWUIChart` that fixes the chart `type` to `'progressBar'`, rendering values as filled progress bars that show how far each measure has advanced toward its scale. Pass a `{ series }` data object and use it when you want a compact "amount complete" readout - completion percentages, quota attainment, or progress against a target - rather than a trend line. The `block` (1-4, clamped) and `size` (`sm` / `md` / `lg`) config pick the variant and dimensions.

## Basic Usage

This example feeds two monthly series (Series A and Series B, Jan-Jun) at `md` size, with each point's value driving the fill of its progress bar.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series (Series A and Series B, Jan-Jun) shown as progress bars at medium size.
```

## Quarterly OKR Completion

Per-team OKR completion percentages as labelled progress bars, with a target line at 100% to gauge how close each team is to done.

```example
file: examples/QuarterlyOKRCompletion.ts
html: examples/QuarterlyOKRCompletion.html
title: Quarterly OKR Completion
description: Single series of team completion percentages with a % unit, data labels and a lineY target at 100%.
```

## Release Checklist Status

Release-readiness for each workstream this sprint set against last sprint, so remaining gaps and recent progress both stand out.

```example
file: examples/ReleaseChecklistStatus.ts
html: examples/ReleaseChecklistStatus.html
title: Release Checklist Status
description: This-sprint vs last-sprint percent-done across CI, Docs, QA, Security and Localization as two series, large with grid values and a % unit.
```

```api
```