Angular में फ़ाइल अपलोड: प्रोग्रेस-बार के साथ सर्वर पर फ़ाइल कैसे भेजें?

सभी को नमस्ते! मैं Angular (version 15) और TypeScript में नया हूँ, और फ़ाइल अपलोड को समझ नहीं पा रहा हूँ। मुझे एक फॉर्म बनाना है जहाँ उपयोगकर्ता एक फ़ाइल (image या PDF) चुनता है, और फिर उसे अपलोड प्रोग्रेस दिखाते हुए सर्वर पर भेजता है। मैंने सामान्य FormData का उपयोग करने की कोशिश की, लेकिन कुछ सही नहीं हो रहा। यहाँ मेरा वर्तमान component code है:

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-upload',
  template: `
    <input type="file" (change)="onFileSelected($event)">
    <button (click)="onUpload()">अपलोड करें</button>
  `
})
export class UploadComponent {
  selectedFile: File | null = null;

  constructor(private http: HttpClient) {}

  onFileSelected(event