WebToAppMaker

App Features

Loading Indicator

Customize the loading indicator shown while main-frame pages load, including style, colors, timing, GIF, and URL rules.

Before you start

  • A loader style that matches the brand
  • Optional compact animated GIF

Configure and verify

  1. Choose backgrounds

    Set light and dark overlay colors shown behind the loader.

  2. Choose a loader

    Select circular, dots, bars, pulse, ripple, rotating square, or custom GIF as available in the editor.

  3. Set timing

    Choose when it appears and an optional hide delay. Keep delays short so ready content is not covered.

  4. Add URL rules

    Show or hide the loader on selected pages. Hide rules take precedence.

  5. Test failures and refresh

    Verify the loader disappears after successful load, timeout, main-frame error, and pull-to-refresh completion.

Timeout safety

The generated shell has a timeout fallback so a stalled page cannot leave the full-screen loader visible indefinitely. Pull-to-refresh suppresses the separate full-screen loader.

GIF guidance

Test before release

  • Loader style matches the saved setting
  • Both themes work
  • It clears after errors
  • It does not cover pull-to-refresh
  • URL rules were tested