A stylish circular progress audio player that wraps your artwork with a ring-style timeline β a slim track π§΅, a tiny head indicator πΉ, and a clean gap β for a premium, modern look. Itβs lightweight, buttery-smooth, and effortlessly themeable π¨, perfect for feeds, cards, or full-screen layouts in FlutterFlow.
Functionality βοΈ
-
πΌοΈ Circular cover artwork with crisp masking + optional shadow.
-
π Ring progress track around the image with a subtle start/end gap.
-
πΉ Live position dot that advances smoothly during playback.
-
π Deterministic progress (bind to current position / duration).
-
π Seek on ring (optional): tap/drag the arc to jump within the track.
-
π Configurable sizes: widget diameter, ring thickness, inner padding.
-
π¨ Accent theming: ring color/gradient, inactive track, cap style (round/square).
-
π§ States: idle π€, playing βΆοΈ, paused βΈοΈ, buffering β³, completed β .
-
π§© Callbacks: onStart, onSeek, onComplete β next-track or UI updates.
-
π Data-ready: connects to
just_audio
or FlutterFlow audio actions. -
π Dark/Light ready with high-contrast indicator and accessible ring.
-
β‘ 60fps animations: minimal rebuilds, fluid progress.
-
π§° Versatile use: audio progress, story timer, voice-note timer.
Perfect for π‘
Compact music players π΅, podcast avatars ποΈ, story timers β°, voice messages π£οΈ β 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
- Fixed price & scope
- Pixel-perfect UI/UX
- App Store & Google Play submission
You may only use this template for one project. For more details, please read the Marketplace Terms of Service.