# `PhiaUi.Components.Data.MarkerBar`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/data/marker_bar.ex#L1)

Progress bar with a positioned marker indicator.

Inspired by Tremor's MarkerBar component. Renders a horizontal bar with
a vertical marker at a specific position. Useful for showing current value
against a range.

## Examples

    <.marker_bar value={62} />
    <.marker_bar value={80} color="oklch(0.60 0.20 240)" show_animation />

# `marker_bar`

## Attributes

* `value` (`:any`) (required) - Marker position (0-100).
* `color` (`:string`) - Marker color. Defaults to primary. Defaults to `nil`.
* `show_animation` (`:boolean`) - Animate the marker position. Defaults to `false`.
* `tooltip` (`:string`) - Tooltip text. Defaults to `nil`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.

---

*Consult [api-reference.md](api-reference.md) for complete listing*