Rango Bootstrap 5

Rango personalizado

Para establecer el estilo del menú de rango, por favor use .form-range Añadir clase a los elementos input de tipo "range":

Rango personalizado:

Ejemplo

<label for="customRange" class="form-label">Rango personalizado</label>
<input type="range" class="form-range" id="customRange">

Pruebe personalmente

Incremento

Por defecto, el intervalo entre los valores del rango es 1. Puede usar step Cambio de propiedad:

Ejemplo

<input type="range" class="form-range" step="10">

Pruebe personalmente

Valores mínimo y máximo

Por defecto, el valor mínimo es 0, el valor máximo es 100. Puede usar min y/u max Cambio de propiedad:

Ejemplo

<input type="range" class="form-range" min="0" max="4">

Pruebe personalmente