About

A premium radial progress inspired by Airbnb’s soft, tactile style: thick glossy arc with rounded caps, inner tick dots, and gentle neumorphic shadows. The center percentage stays crisp while the arc animates smoothly for delightful feedback.

Functionality

  • Glossy gradient arc with rounded ends for a high-end look.

  • Inner tick markers to hint milestones around the ring.

  • Center label (percent/value/unit/custom) with adjustable size & color.

  • Animated sweep with tunable duration and easing curves.

  • Start angle & direction: choose top/right, clockwise or counter-clockwise.

  • Size & stroke controls: ring diameter, thickness, inner padding.

  • Color modes: solid or gradient; success/warning/danger thresholds.

  • Neumorphic card: soft inner/outer shadow and subtle background blur.

  • Tap/press callbacks to open details or refresh.

  • Light/Dark support with accessible contrast.

  • Data-ready: bind to 0–100% (or custom min/max) from Firestore/Supabase/REST/local.

  • Performance-minded: GPU-accelerated drawing, minimal rebuilds.

Great for: KPI cards, goal completions, storage/usage meters, fitness & habit trackers, onboarding progress, and product dashboards.

Keywords: FlutterFlow progress, radial progress, circular progress, donut ring, ring gauge, glossy arc, gradient progress, rounded caps, tick markers, neumorphic, soft shadow, center percentage, start angle, sweep animation, easing, success warning danger, KPI widget, goal tracker, usage meter, storage meter, fitness progress, habit tracker, dashboard component, responsive widget, accessibility, dark mode, light mode, data binding, Firestore, Supabase, REST API, Flutter widget, FlutterFlow component, premium UI, modern design.

Airbnb Glow Ring Progress Bar

We’ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.