About

A stylish circular artwork player with a ring-style progress around the cover. The slim track, tiny head indicator, and clean gap create a premium, modern look that fits feeds, cards, and full screens. Lightweight, smooth, and easy to theme for any brand.

Functionality

  • Circular cover artwork with crisp masking and optional shadow.

  • Ring progress track around the image with a subtle start/end gap.

  • Live position indicator (dot) that advances smoothly during playback.

  • Deterministic progress (bind to current position / duration).

  • Optional seek-on-ring (tap/drag the arc to jump within the track).

  • Configurable sizes: widget diameter, ring thickness, inner padding.

  • Accent theming: ring color/gradient, inactive track color, cap style.

  • State handling: idle, playing, paused, buffering, completed (easy wiring).

  • Callbacks: onStart, onSeek, onComplete for next-track or UI changes.

  • Data-ready: connect to just_audio or FlutterFlow audio actions.

  • Dark/Light ready with high-contrast indicator and accessible ring.

  • Performant animations at 60fps; minimal rebuilds, fluid progress.

  • Versatile use: audio player progress, story timer, voice-note timer.

Great for: compact music players, podcast avatars, story timers, voice messages, and any UI that needs a premium circular progress around an image.

Keywords: FlutterFlow circular player, ring seekbar, radial progress, circular progress bar, album art ring, cover artwork progress, arc slider, progress indicator, audio position, seek on ring, playback progress, animated dot, gradient ring, minimal player, compact UI, podcast avatar, story timer, voice message timer, just_audio integration, audio service, Flutter widget, mobile media player, light theme, dark theme, rounded artwork, smooth animation, premium template, responsive design, accent color, gap track, cap style, FlutterFlow component.

Circular Progress Player

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.