title: How can i change the stroke color of the progress circle in ng-zorro?
body: <p>In my Angular project I have a dashboard in mind, which shows me different process circles. Depending on the progress I want to change the color of the line. </p>
  
  <p>This is what it looks like right now.
  <a href="https://i.stack.imgur.com/hR2zZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hR2zZ.png" alt="how it looks"></a>
  This is how it should look like. 
  <a href="https://i.stack.imgur.com/vTGLQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vTGLQ.png" alt="how it should look"></a></p>
  
  <p>Unfortunately I cannot change the color with e.g [nzStrokeColor]="'red'".</p>
  
  <pre><code>&lt;div class="flex"&gt;
    &lt;nz-card class="cards" *ngFor="let card of dashboarcard"&gt;
      &lt;nz-card-meta [nzAvatar]="avatarTemplate" [nzTitle]="card.titel" nzDescription="12.01.2019"&gt; &lt;/nz-card-meta&gt;
      &lt;ng-template #avatarTemplate&gt;
        &lt;nz-progress [nzStrokeColor]="'red'" [nzWidth]="40" nzType="circle" [nzPercent]="card.percent"&gt;&lt;/nz-progress&gt;
      &lt;/ng-template&gt;
    &lt;/nz-card&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Right now it's always blue, no matter what I enter.<br>
  Do you have any idea what I'm doing wrong?</p>
  
  <p>Many greetings,<br>
  Jin</p>