Simply visualize your data in a radial format using Bunifu Gauge. You can add this during design time and at run time.

Adding Bunifu Gauge at Design Time

Simply locate Bunifu Gauge in your toolbox and drag to your form at design time.

Adding Bunifu Gauge at Run Time

To add Bunifu Gauge we will use the Load event handler to run the following code:

private void Form1_Load(object sender, EventArgs e)
{
    var gauge = new Bunifu.Framework.UI.BunifuGauge();
    
    this.Controls.Add(gauge);
    
}

Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
    
    Dim gauge As New Bunifu.Framework.UI.BunifuGauge
    
    Controls.Add(gauge);
    
End Sub

Properties

ProgressBgColor

This property allows you to set the background color of the gauge

ProgressColor1

This property allows you to define the color when the value is small

ProgressColor2

This property allows you to define the color when the value is large

Value

This is the actual value of the gauge (in this instance it is the percentage value)

C# code

 Form1_Load(object sender, EventArgs e){
     var gauge = new Bunifu.Framework.UI.BunifuGauge();     g
     auge.ProgressBgColor = Color.Black;     
     gauge.ProgressColor1 = Color.Blue;     
     gauge.ProgressColor2 = Color.Red;     
     gauge.Value = 30;     
     this.Controls.Add(gauge);
 }

Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load  
​
   Dim gauge As New Bunifu.Framework.UI.BunifuGauge     
   gauge.ProgressBgColor = Color.Black     
   gauge.ProgressColor1 = Color.Blue     
   gauge.ProgressColor2 = Color.Red     
   gauge.Value = 30     
   Controls.Add(gauge)
   
End Sub

With value set to 30 you should see something like this:

With value set to 80 you should see something like this:

That's it!

We hope you will enjoy using Bunifu Gauge control and that it will help you create better user experience for your users.

Should you have feedback or suggestions please send us via chat on the bottom right corner of the screen.