capacitor-progress-dialog

A Capacitor plugin for Android progress dialog allows developers to easily display a progress dialog in their Ionic apps when performing long-running tasks. The plugin provides a simple API for showing and hiding the progress dialog, as well as customizing its appearance and behavior.

Install

npm install capacitor-progress-dialog
npx cap sync

Supported Platform

• Android

---

API

• show(...)
• hide()
• Interfaces

show(...)

Shows the progress dialog

show(options: ProgressDialogOptions) => Promise<{ value: string; }>

Param	Type
options	ProgressDialogOptions

Returns: Promise<{ value: string; }>

---

hide()

Hides the progress dialog

hide() => Promise<void>

---

Interfaces

ProgressDialogOptions

Prop	Type	Description
title	string	Title of the progress dialog
message	string	Message of the progress dialog
cancelable	boolean	Set to true for cancelable dialog
spinnerColor	string	Color of the spinner in HEX string
textColor	string	Color of the text in HEX string
backgroundColor	string	Color of the background in HEX string

Example

import { ProgressDialog } from 'capacitor-progress-dialog';

async showLoading() {
  await ProgressDialog.show({
    title: "Downloading",
    message: "Please Wait..",
    spinnerColor: "#f04141",
    textColor: "#ffffff",
    backgroundColor: "#1d1d1d",
    cancelable: true,
  });
}

async hideLoading() {
  await ProgressDialog.hide();
}

Screenshot

---