在Angular 8中使用进度条可以使用ngx-progressbar库来实现。下面是一个包含代码示例的解决方案：

1. 首先，安装ngx-progressbar库：

npm install ngx-progressbar --save

2. 在app.module.ts文件中导入ProgressBarModule：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { ProgressBarModule } from 'ngx-progressbar';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, ProgressBarModule],
  bootstrap: [AppComponent]
})
export class AppModule { }

3. 在app.component.ts文件中导入ProgressBarService：

import { Component } from '@angular/core';
import { ProgressBarService } from 'ngx-progressbar';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor(private progressBarService: ProgressBarService) {}

  showProgressBar() {
    this.progressBarService.show();
  }

  hideProgressBar() {
    this.progressBarService.hide();
  }
}

4. 在app.component.html文件中添加按钮来控制进度条的显示和隐藏：

Show Progress Bar
Hide Progress Bar

5. 最后，在需要显示进度条的组件中导入ProgressBarService，并在需要的地方调用show()和hide()方法来显示和隐藏进度条：

import { Component, OnInit } from '@angular/core';
import { ProgressBarService } from 'ngx-progressbar';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  constructor(private progressBarService: ProgressBarService) {}

  ngOnInit() {
    this.progressBarService.show();

    // Simulate an API call
    setTimeout(() => {
      this.progressBarService.hide();
    }, 3000);
  }
}

这样就可以在Angular 8中实现进度条的显示和隐藏了。