ArtificialSenseDocs

Docs / Components

SenseProgressBarComponent

Determinate and indeterminate horizontal progress from @artificialsenselabs/ui. Prefer sense-spinner for compact local busy states; use the bar when percent is known or a linear track is the right chrome.

Live demo: run nx serve showcase and open /components/progress-bar (port 4202).

Overview

Category: Display. Selector: sense-progress-bar. Import: import { SenseProgressBarComponent } from '@artificialsenselabs/ui';

ADR-0030 exempt — track/fill indicator, not filled/outlined/ghost surface flavors. Set ariaLabel to the process name (e.g. Upload); aria-valuetext carries the status string.

Accessibility

  • role="progressbar" with aria-valuenow in determinate mode (ARIA defaults cover min/max 0–100).
  • Indeterminate omits aria-valuenow (APG); valuetext uses the loading string.
  • Accessible name defaults to i18n progress-bar.name — override with ariaLabel; do not reuse the value string as the name.
  • Visible percentage (when shown) is beside the track and aria-hidden.
ArtificialSense

AI-Native Enterprise Engineering Studio

© ArtificialSense · @artificialsenselabs/ui (MIT) & @artificialsenselabs/enterprise (Elastic License 2.0)

Privacy & telemetry

We use optional telemetry to catch production errors and measure real-user performance. Those scripts load only after you choose. Our host also runs cookieless aggregate page analytics — see the privacy policy.