Search · 12

Relevance bar

Tiny 0–100% relevance indicator. The fill is a tone-shifting gradient; the paired chip shows the percentage and confidence label — strong, partial, or loose match.

Production answer

Relevance bar is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Relevance bar states
Generative search brief

Relevance bar: Tiny 0–100% relevance indicator. The fill is a tone-shifting gradient; the paired chip shows the percentage and confidence label — strong, partial, or loose match.

Tones

Auto-classified by score: ≥75% strong (green), 45–74% partial (amber), <45% loose (red). Pass a custom label for domain-specific phrasing.

Default size · all confidence tiers

Small size · for inline use inside result cards

Custom label · domain-specific phrasing

Without chip · bar-only