KasyKasy

Progress Button

Live preview and documentation for the Progress Button component.

Preview

componentPreview.loading

About

A button with a DETERMINATE fill — the background fills left to right as progress advances (e.g. upload/download with a real percentage). It complements KasyButton.isLoading rather than replacing it: that one is for an indeterminate spinner of unknown duration; this one is for when there's an actual progress value and the button itself should visualize it.

  • label: text shown while filling.
  • progress: 0..1. On reaching 1, it swaps to a checkmark + doneLabel in place of the fill.
  • onPressed: null while filling (not tappable); pass a callback for when it's done to make the button actionable again (e.g. "Open file").
  • doneLabel: text shown when progress >= 1 (falls back to label if omitted).
  • expand: when true, takes up all available width.

Last updated on 08/23/2026

On this page