NSProgressHud
Installation
tns plugin add NSProgressHud
API
import { NSProgressHud } from 'NSProgressHud'; export class DemoComponent implements OnInit { private hud: NSProgressHud; constructor() {} ngOnInit() { this.hud = new NSProgressHud(); } show(type: string) { if (type === 'indeterminate') { this.hud.showProgress(null, { progressType: 'indeterminate', size: {height: 150, width: 150}}); setTimeout(() => { this.hud.dismiss(); }, 2000); } if (type === 'determinate') { this.hud.showProgress(null, {hudColor: '#080452', progressType: 'determinate', size: {height: 150, width: 150}}); } if (type === 'bar') { this.hud.showProgress(null, {hudColor: '#080452', progressType: 'bar', size: {height: 150, width: 150}}); } if (type === 'annular') { this.hud.showProgress(null, {hudColor: '#080452', progressType: 'annular', size: {height: 150, width: 150}}); } } showWithTimer() { let progress = 0; const taskWithTime = new BehaviorSubject({progress}); this.hud.showProgress('Loading', {progressType: 'annular', size: {height: 150, width: 150}}. taskWithTime); setTimeout(() => { progress += 1; taskWithTime.next({progress}) }, 1000) }} // Example Typing showProgress(message?: String, options?: ColorOption, progressStatus?: BehaviorSubject<{progress: number}>); export interface ColorOption { backgroundColor?: string; hudColor?: string; activityColor?: string; tintColor?: string; labelColor?: string; progressTick?: number; minShowTime?: number; tickInterval?: number; backgroundOpacity?: number; size?: {width: number, height: number}; progressType: 'annular' | 'determinate' | 'bar' | 'indeterminate'; }
License
Apache License Version 2.0, January 2004