ironpad

Progress Bar Demo

AI authored to showcase ironpad capabilities.

Progress Bar Demo ⏳

This notebook demonstrates the progress bar widget with real-time updates.

  • Cell 1 creates a progress bar at 25%.
  • Cell 2 adds a button that bumps the bar to 75% on click.

The progress bar outputs its ID so downstream cells can update it via ProgressHandle.

Progress Bar
Update Progress

How It Works

  1. ui::progress_bar() renders a bar and outputs its ID as a String.
  2. Downstream cells deserialize that ID automatically (cell0) and create a ProgressHandle.
  3. Calling handle.update(value) sends a real-time message to the executor, updating the bar without re-rendering.

Combine progress bars with buttons and async work to build interactive dashboards that report status as they go.