# Level
This **level** widget is a circular display that presents values numerically and graphically, representing them as a fraction of the entire volume of the circle.
{% hint style="info" %}
The level widget can be used to display any range of values in a data field by providing the minimum and maximum values for the data field. It automatically adjusts based on the provided range.
{% endhint %}
In the **Widget options** modal, configure the following settings:
In the **Name** text box, enter a **name** as the **label** for your widget.
In the **Data field** drop-down list, select the **data field** that you want to use as the data source.
To add a **color** to the **fill level**, click on the **Level color** box and choose a color from the **color picker**.
To add a **color** to the **background** of the widget, click on the **Background color** box and choose a color from the **color picker**.
Click on the **Save** button.
The resulting **level** widget will be something like this:
