要向Docker Engine API发送HTTP请求并获取拉取镜像时的进度输出，可以使用Angular的HttpClient模块来发送请求并监听进度事件。以下是一个示例代码：

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

@Component({
  selector: 'app-image-pull',
  templateUrl: './image-pull.component.html',
  styleUrls: ['./image-pull.component.css']
})
export class ImagePullComponent implements OnInit {

  constructor(private http: HttpClient) { }

  ngOnInit() {
  }

  pullImage() {
    const imageName = 'nginx'; // 镜像名称

    this.http.post('http://localhost:2375/images/create', {
      fromImage: imageName
    }, { responseType: 'text', reportProgress: true }).subscribe(event => {
      if (event.type === HttpEventType.DownloadProgress) {
        const progress = Math.round(100 * event.loaded / event.total);
        console.log(`Progress: ${progress}%`);
      } else if (event.type === HttpEventType.Response) {
        console.log('Image pulled successfully!');
      }
    }, error => {
      console.error('Error pulling image:', error);
    });
  }
}

上述代码中，我们使用HttpClient的post方法来发送POST请求到Docker Engine API的/images/create端点，并在请求中传递镜像名称。我们设置responseType: 'text'以便获取文本响应。

在订阅请求的响应事件时，我们可以通过HttpEventType.DownloadProgress来检查进度事件，然后根据已加载和总大小计算进度百分比并输出到控制台。当响应事件的类型为HttpEventType.Response时，表示镜像已成功拉取。

请注意，你需要将http://localhost:2375替换为你的Docker Engine API的地址。

希望以上信息能对你有所帮助！