# XWUIDisplaySubtaskBadge

"3/5" subtask-closure badge with optional progress ring or bar fill. Inspired by Odoo Project and Monday subtask cells.

## Basic Usage

Plain "3/5" text badge.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Plain "3/5" text badge.
```

## Variants

none (text) · ring (circular progress) · bar (underline fill).

```example
file: examples/Variants.ts
html: examples/Variants.html
title: Variants
description: none (text) · ring (circular progress) · bar (underline fill).
```

## Percent Mode

Show "60%" instead of "3/5".

```example
file: examples/PercentMode.ts
html: examples/PercentMode.html
title: Percent Mode
description: Show "60%" instead of "3/5".
```

## Complete

Badge bolds itself when `done === total`.

```example
file: examples/Complete.ts
html: examples/Complete.html
title: Complete
description: Badge bolds itself when `done === total`.
```

```api
```