Upload de arquivos no Angular: como enviar corretamente um arquivo para o servidor com barra de progresso?

Olá a todos! Sou novo no Angular (versão 15) e TypeScript, e não consigo entender o upload de arquivos. Preciso criar um formulário onde o usuário seleciona um arquivo (imagem ou PDF) e depois o envia para o servidor com exibição do progresso do upload.\n\nTentei usar FormData normal, mas algo está dando errado. Aqui está meu código atual do componente:\n\n

import { Component } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\n\n@Component({\n  selector: 'app-upload',\n  template: `\n    <input type="file" (change)="onFileSelected($event)">\n    <button (click)="onUpload()">Enviar</button>\n  `\n})\nexport class UploadComponent {\n  selectedFile: File | null = null;\n\n  constructor(private http: HttpClient) {}\n\n  onFileSelected(event