ng-ytl-zorro-antd/src/showcase/nz-demo-steps/nz-demo-steps-basic.component.ts

An enterprise-class UI components based on Ant Design and Angular

import { Component } from '@angular/core';

@Component({
  selector: 'nz-demo-steps-basic',
  template: `
    <nz-steps [(nzCurrent)]="current">
      <nz-step [nzTitle]="'Finished'" [nzDescription]="'This is a description.'"></nz-step>
      <nz-step [nzTitle]="'In Progress'" [nzDescription]="nzDescription">
        <ng-template #nzDescription>
          <p>This is a description.</p>
          <nz-progress [ngModel]="30" [nzStrokeWidth]="5"></nz-progress>
        </ng-template>
      </nz-step>
      <nz-step [nzTitle]="'Waiting'" [nzDescription]="'This is a description.'"></nz-step>
    </nz-steps>
  `
})
export class NzDemoStepsBasicComponent {
  current = 1;
}