ons-progress-circularの色やサイズを変更したい

Question

monacaでonsenuiを使用しアプリを作っています。

onsenuiで<ons-progress-circular>を使用して、
読込中の画面を作っています。

cssで色を変えたり、サイズを変更することができません。
どのようにコードを書いたらいいのでしょうか？

<ons-progress-circular indeterminate></ons-progress-circular>

参考ページ：https://onsen.io/v2/api/js/ons-progress-circular.html

ご教授の程、よろしくお願いします。

Answer 1

サイズはCSSで変更できました。

<ons-progress-circular style="width:100px;height:100px" value="0"></ons-progress-circular>

Comments

[退会済みユーザー]

回答ありがとうございます！
無事サイズを変更することができました。
ありがとうございました。

Answer 2

サイズを変更したことはないのですが、色に関しては以下のセレクタで変更可能です。

.progress-circular__primary {
  stroke: '濃い色';
}
.progress-circular__secondary {
  stroke: '薄い色';
}
.progress-circular__background {
  stroke: 'ベースの色';
}

Comments

[退会済みユーザー]

回答いただきありがとうございます。
色を変えることができました。ありがとうございます！

ただ.progress-circular__primaryの部分の色は反映されるのですが
.progress-circular__secondaryの変更した色の部分は反映されませんでした。

[wanakijiji]

コードが中途半端でした、すみません。
'ベースの色'を変更するセレクタを追加しました。

[退会済みユーザー]

再度ご回答ありがとうございます！
とても助かりました。

ベース色も変更することができまました。