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

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

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