A modern notification bar widget with built-in progress indicators. It combines status alerts (Success, Info, Warning, Error) with a slim progress bar that communicates ongoing processes or auto-dismiss timers. Each alert is color-coded for clarity (green, blue, yellow, red) and comes with a dismiss (X) button for manual closure. The design is clean, responsive, and optimized for apps that require real-time feedback. Perfect for transactional flows, system updates, or user actions where both status and timing are critical.

Functionality

• Four predefined states: Success, Info, Warning, Error

• Progress bar with customizable duration and colors

• Dismiss button for manual closure

• Auto-dismiss after progress completion

• Shadow and rounded corners for a polished UI

• Fully responsive across iOS and Android

Use cases

• Show confirmation of completed actions (e.g., form submission, order placed)

• Indicate loading, syncing, or background processing progress

• Warn users of potential risks (e.g., unsaved changes, expired session)

• Display error states with progress-based retry or timeout feedback

• Enhance UX for apps with frequent notifications (finance, e-commerce, SaaS dashboards)

Keywords

notification bar, progress notification, success message, info message, warning message, error message, toast notification, alert system, status alert, progress bar, auto-dismiss notification, dismissible alert, real-time notification, message banner, mobile alerts, Flutter widget, FlutterFlow component, responsive notification, transaction feedback, system update alert, user action confirmation, visual feedback, colored notifications, animated progress, mobile UI, app notifications, in-app alerts, clean design, modern UI, iOS Android, cross-platform widget, toast with progress, notification feedback, interactive alert