IgxCircularBar の直径は css のカスタムプロパティ –diameter より、また線の太さは –stroke-thickness より変更することができます。

以下は円の直径を 300px 、線の太さを 50px とする実装例です。

.custom-size
{
    --diameter: 300px;
    --stroke-thickness: 50px;
}
<igx-circular-bar
  [indeterminate]="true"
  class="custom-size"
></igx-circular-bar>

上記設定により、円のサイズを左から右のように大きくすることができます。

Tagged:

製品について

Ignite UI for Angular