# XWUIGameBossHPBar

Wide boss health bar that fills to the `hp`/`maxHp` ratio and overlays the numeric HP as a locale-formatted `hp / maxHp` readout. It draws `phases - 1` evenly spaced divider lines across the track (gated by `showPhases`) and shows the boss `name` above the bar (gated by `showName`); changing `currentPhase` via `updateData()` triggers a brief phase-transition flash. Use it for boss encounter UI; `setHP()` updates the fill directly, `getPercentage()` reads the current ratio, and `barHeight` sets the track height (default 24px).

## Basic Usage

Constructs an `XWUIGameBossHPBar` with empty data and default config, so it renders a full bar (`hp`/`maxHp` default to 100, showing `100 / 100`) with the default three phases' two divider lines and no name.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A named boss bar at partial HP with a locale-formatted readout and three-phase dividers.
```

## Final Phase

A five-phase boss pushed into its last phase at low HP via `updateData()`, triggering the phase-transition flash.

```example
file: examples/FinalPhase.ts
html: examples/FinalPhase.html
title: Final Phase
description: A five-phase bar driven to its enrage phase with updateData(), firing the transition flash.
```

## Minimal Bar

A compact, nameless single-phase bar with the name header and phase dividers hidden - just the fill and numeric readout.

```example
file: examples/MinimalBar.ts
html: examples/MinimalBar.html
title: Minimal Bar
description: A stripped-down elite-mob bar with showName and showPhases off and a short bar height.
```

```api
```