ArcaneProgressBar
Use progress bars to show determinate task progress with renderer-owned sizing and status color.
Live Demo
Preview + Code
Code
ArcaneBox(
style: const ArcaneStyleData(
display: Display.flex,
flexDirection: FlexDirection.column,
gap: Gap.sm,
width: Size.full,
),
children: const [
ArcaneProgressBar(value: 68, showValue: true),
ArcaneProgressBar.success(value: 42),
],
)ArcaneProgressBar#
Use progress bars to show determinate task progress with renderer-owned sizing and status color.
The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart
API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.
Source: lib/component/view/progress_bar.dart
See the Component Catalog for the full exported surface and source mapping.