Escala Bootstrap 5

Range personalizado

Para definir o estilo do menu de faixa, por favor, use .form-range Adicione a classe a elementos input do tipo "range":

Range personalizado:

Exemplo

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

Experimente pessoalmente

Passo

Pelo padrão, o intervalo entre os valores da faixa é 1. Você pode usar step Modifique a propriedade:

Exemplo

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

Experimente pessoalmente

Valores mínimo e máximo

Pelo padrão, o valor mínimo é 0 e o valor máximo é 100. Você pode usar min e/ou max Modifique a propriedade:

Exemplo

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

Experimente pessoalmente