A simple range.
<input type="range" class="zust-range" max="200" value="50">
Make it fullwidth by adding class zust-fullwidth.
<input type="range" class="zust-range zust-fullwidth" max="200" value="50">
This includes all theme colors. Use any of them.
<input class="zust-range zust-fullwidth" type="range" max="200" value="105">
<input class="zust-range zust-fullwidth zust-success" type="range" max="200" value="98">
<input class="zust-range zust-fullwidth zust-warning" type="range" max="200" value="105">
<input class="zust-range zust-fullwidth zust-error" type="range" max="200" value="98">
<input class="zust-range zust-fullwidth zust-link" type="range" max="200" value="105">
There is also rounded range. Use it by adding class zust-rounded.
<input class="zust-range zust-fullwidth zust-rounded" type="range" max="200" value="105">
You can disable a slider by adding attribute disabled.
<input class="zust-range zust-fullwidth" disabled type="range" max="200" value="105">