# H-Slider

The Horizontal Slider (H-Slider) component can be used to show the progress towards the goal in the horizontal direction.

#### Default Chart Image:

#### Properties of the H-slider:

* **Background:** The user can enable the shadow, change the shadow color and transparency of that shadow. Also, by changing the gradient color user can change the background color of the h-slider.
* **General:** The user can change the height, width, top, and left values. If initial visibility is unchecked, then the chart won’t be visible at the first preview.
* The user can change the Unit value from Auto to Percent. Set the Maximum and Minimum limit for the H-slider. By default, the interval will be 1; if the user changes it to 2 then the increment happens in the multiples of 2. Change chrome color to change the color of the slider body. Also, the user can alter the circle color, radius, and thickness.
* **Label:** The user can change the font size, style, and font family of the Label.

#### General Properties:    

<div align="left"><img src="/files/CKKDEPiz6b9JmhNgl989" alt=""></div>

#### Background Properties:

<div align="left"><img src="/files/dzu9nsguDQ4LQe8Aps7z" alt=""></div>

#### Label Properties:

<div align="left"><img src="/files/oC4ZDRaxpw4PlVKjFc9a" alt=""></div>

#### Modified H-slider after changing its properties:

<div align="left"><img src="/files/co7eWx6hdtyZaZXLU6OP" alt=""></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bdb.ai/bdb-documentation/data-visualization/governed-dashboards/charts-gallery/other-charts/h-slider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.