About

A tidy set of five lightweight progress styles for FlutterFlow—perfect for onboarding, multi-step forms, quizzes, uploads, and dashboards. Mix and match squares, dots, segmented bars, and a classic linear bar, all with smooth states and easy theming.

Functionality

  • Five styles included:

    1. Square Stepper — discrete steps as rounded squares.

    2. Segmented Bar w/ Ticks — linear bar split into milestones.

    3. Dots Stepper — pagination-style circular dots.

    4. Chunked Cards — wide blocks with an active mini-chunk.

    5. Rounded Linear Bar — classic progress with pill edges.

  • Configurable counts & values: steps, active index, completed range, percent (0–100).

  • Interactive (optional): tap a segment/dot to jump to that step.

  • Animations: fill, fade, and color transitions for entering and step changes.

  • Theming: colors, sizes, spacing, radius, stroke/track thickness, shadows.

  • States: inactive, active/current, completed, disabled; error/warning accents optional.

  • Labels & ticks: show/hide percentage, step numbers, or milestone markers.

  • Orientation options: horizontal (default) and vertical (where relevant).

  • Data-ready: bind to Firestore/Supabase/REST/local state.

  • Accessibility: high-contrast palettes and screen-reader labels.

  • Light/Dark support and performance-minded rendering.

Great for: multi-step checkouts, onboarding wizards, course/lesson progress, quizzes, task pipelines, upload/download status, and KPI summaries.

Keywords: FlutterFlow progress, progress indicators, stepper, steps bar, segmented progress, milestone ticks, pagination dots, dot indicator, square stepper, chunked blocks, linear progress bar, rounded bar, percent label, wizard steps, onboarding progress, checkout steps, quiz progress, task pipeline, upload progress, download status, KPI widget, customizable colors, radius, spacing, animation, interactive steps, data binding, Firestore, Supabase, REST API, dark mode, light mode, accessible UI, mobile widget, Flutter widget, FlutterFlow component, minimal design, modern UI.

Progress Indicators Pack V1

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.