# Style BulletGraph

Blazor Edition provides a set of native UI controls built for Blazor such as FlexGrid, Chart, ListView, and input controls including AutoComplete and ComboBox.

## Content



Gauges provide several properties to customize the appearance of the BulletGraph control. You can enhance the overall look of BulletGraph by changing the colors of bad range, good range and target as illustrated in the following image.

![](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/bulletgraph-rangestyle.png)

The following code shows how to change the colors of bad range, good range and target of the BulletGraph control using [BadRangeColor](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Gauge/C1.Blazor.Gauge.C1BulletGraph.BadRangeColor.html), [GoodRangeColor](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Gauge/C1.Blazor.Gauge.C1BulletGraph.GoodRangeColor.html) and [TargetColor](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Gauge/C1.Blazor.Gauge.C1BulletGraph.TargetColor.html) properties.

```razor
<C1BulletGraph Value="50" Bad="60" Good="80" Target="75" BadRangeColor="C1.Blazor.Core.C1Color.Pink" 
GoodRangeColor="C1.Blazor.Core.C1Color.LavenderBlush" TargetColor="C1.Blazor.Core.C1Color.Violet" TextVisibility="GaugeTextVisibility.All"></C1BulletGraph>
```