如何改變CircularProgress酒吧

我試圖改變由AngularMaterial提供的圓形進度條的顏色的顏色。我曾嘗試將其顏色更改爲使用CSS的白色，但它不工作，進度條的顏色保持藍色。我究竟做錯了什麼？如何改變CircularProgress酒吧

.centeredPLEASE_WAIT { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    color: #fff; 
    height: 100%; 
    font-size: 20px; 
} 


.my-circular-progress { 
    color: white; 
    border-right: #ddd; 
    border-left: #ddd; 
    border-top: #ddd; 
    border-bottom: #ddd; 
    background-color: red; 
} 

      <div class="centeredPLEASE_WAIT"> 
       <md-progress-circular class="my-circular-progress" md-mode="indeterminate"></md-progress-circular> 
      </div>

來源

2017-01-12 user2498079

你可以給工作的網址或js小提琴在這？ – user7357089

正如你可能知道，你可以通過添加角材料類（md-warn md-accent等）改變進度條的顏色，因爲它是在他們的演示圖所示：https://material.angularjs.org/latest/demo/progressCircular

但是，如果你想手動更改它，你必須在md-progress-circular元素內改變svg圖像。你可以使用這個選擇器來做到這一點：

md-progress-circular svg path { stroke: green; }

來源

2017-01-12 09:55:07

如何將其分配給特定的md-progress-circular？ – user2498079

，而不是 'MD-進步圓' 使用class和id的特定MD-進步圓：） –

例如：'。我圓正在進行SVG路徑{行程：綠色; }' –

你將需要更新下面的CSS，因爲我已經寫在下面。這會使顏色變成深粉紅色。

md-progress-circular.md-default-theme path, md-progress-circular path { 
stroke:rgb(150,90,102); 
}

您可以根據需要更改RGB。

來源

2017-01-12 09:57:28

如何改變CircularProgress酒吧

回答

相關問題