jqwidgets-scripts-custom/demos/Angular/gauge/gaugewithslider/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div style="position: relative; height: 380px">

    <jqxGauge #myGauge
        [animationDuration]="1500"
        [ranges]="ranges" [cap]="cap" [border]="border" 
        [ticksMinor]="ticksMinor" [ticksMajor]="ticksMajor"
        [labels]="labels" [pointer]="pointer">
    </jqxGauge>

    <jqxSlider [theme]="'material'" #mySlider style="position: absolute; top: 250px; left: 93px"
        (onChange)="mySliderOnChange()"
        [width]="180" [value]="120" [min]="0" [max]="220"
        [ticksFrequency]="20" [mode]="'fixed'" [showButtons]="false">
    </jqxSlider>

</div>