A tuner can be seen as a fancy round progress-bar or as a gauge.
It can be also interactive, thus behaving like an input control.
<!-- min 0 and max 100 are the default values -->
<pacem-tuner value="67" min="0" max="100" class="tuner-primary"></pacem-tuner>
<!-- you can specify a color for the complementary rail as well -->
<pacem-tuner value="67" min="0" max="100" class="tuner-success tuner-complementary-danger"></pacem-tuner>
In the following example the PacemTunerElement is set as interactive:
drag the curved line to set new values.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.