Delivery Step Tracker is a premium horizontal step tracker widget for FlutterFlow/Flutter that visualizes delivery progress in a clean, modern logistics style 🚚✅. It’s perfect for shipping, courier, and food delivery apps where users want quick clarity: what’s completed, what’s current, and what’s next — plus optional departure/arrival details in a compact card layout.

Functionality

🧭 Horizontal step progress tracker with clear “done / current / pending” states
🎯 Control progress with currentStep (Integer) — updates UI instantly
🏷️ Custom step titles (title1–title4) like Picked → Started → Delivery → Sent
🧩 Custom icons for each step (icon1–icon4) with configurable icon size and colors
➖ Customizable connector line: active/inactive line colors + lineThickness
⭕ Adjustable step circles (circleSize) and iconBox spacing for pixel-perfect layout
🎨 Full styling control: active/inactive title colors, active/inactive icon colors, done/pending circle colors, inactiveLineColor, activeLineColor
📍 Optional departure/arrival labels and date/location presentation (perfect for tracking cards)
📱 Tested on real devices and optimized for smooth performance

Perfect for

🚚 Logistics & shipping (Picked up → In transit → Out for delivery → Delivered)
🍔 Food delivery (Confirmed → Preparing → On the way → Delivered)
🛒 E-commerce tracking (Order placed → Processed → Shipped → Delivered)
🏨 Bookings & service flows (Request → Confirmed → In progress → Completed)

Why it improves UX

A horizontal step tracker is faster to scan than long timelines. Users immediately understand progress, which reduces support requests and boosts trust in your service.

🔎 SEO Keywords: delivery step tracker flutterflow, shipping progress tracker widget, horizontal stepper widget flutter, delivery tracking UI flutter, logistics step tracker, order delivery steps widget, step progress indicator flutterflow, custom icons stepper widget, currentStep step tracker, courier tracking stepper UI