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:

Background Properties:

Label Properties:

Modified H-slider after changing its properties:

Last updated