Live Delivery Progress Widget is a premium, real-time delivery progress card for FlutterFlow/Flutter that visualizes a shipment moving from Dispatch → ETA with a modern progress bar and animated “truck on the track” experience 🚚⏱️. It’s designed for logistics, courier, food delivery, and e-commerce apps where users want instant clarity: where the delivery is, when it started, and when it’s expected to arrive — all in one compact, high-trust UI.

Functionality

🕒 Shows Dispatch time and ETA time using DateTime inputs (dispatchAt / etaAt)
📍 Displays origin/destination codes + subtitles (e.g., WH1 → CUS, city names)
📊 Smooth progress bar with configurable height, radius, colors, and hatch styling
🚚 Custom truck icon support (SVG or image URL) + fallback color if image is missing
⏱️ Auto-updates progress using updateIntervalSecs for a “live” feel
🎨 Fully customizable card design: elevation, padding, background, corner radius, text colors
🔧 Detailed styling controls for the track: filledColor, trackColor, hatchColor, hatchThickness, hatchGap
📱 Tested on real devices and optimized for smooth performance

Perfect for

🚚 Logistics & courier tracking cards
🍔 Food delivery “on the way” UI
🛒 E-commerce shipping progress (warehouse → customer)
🏨 Service/booking delivery steps with ETA
📦 Any app that needs a clean “live progress + ETA” component

Why it improves UX

A live progress card reduces anxiety and support tickets. Users can instantly see the journey status and ETA without opening a full tracking page — boosting trust and satisfaction.

🔎 SEO Keywords: live delivery progress widget flutterflow, delivery progress bar widget, ETA tracking card flutter, logistics tracking UI flutter, real-time delivery status widget, shipment progress indicator, truck progress bar widget, dispatch to ETA tracker, courier tracking card UI, customizable delivery progress widget