Как сделать индикатор выполнения получить значение ввода текстового типа?

Question

Я разрабатываю приложение, в котором пользователь должен писать в виде ввода текста (или числового типа) процент, в котором они доминируют в навыке, и я хочу, чтобы индикатор выполнения автоматически имел это значение. Мне нужна помощь в этом, желательно только с PHP (если это возможно), но без проблем, если вы включаете JAVA, я просто хочу, чтобы она работала.

Я использовал этот Java код сценария:

<script> 
function myFunction() { 
    document.getElementById("myProgress").value = $("#value"); 
} 
</script> 

и мой HTML код:

<input type="number" id="value" max="100" step="10"> 
<button onclick="myFunction()">Try it</button> 
<progress id="myProgress" value="22" max="100"></progress> 

Answer 1

Вы можете сделать это, как это ниже. Для этого вам не нужно использовать jQuery.

function func() { 
 
    var x = document.getElementById("myProgress"); \t \t 
 
    
 
    x.value = document.getElementById("value").value; 
 
}

<input type="number" id="value" max="100" step="10"> 
 
<button onclick="func()">Try it</button> 
 
<progress id="myProgress" value="10" max="100"></progress>

Answer 2

Если я понять ваш вопрос правильно вы хотите иметь обновление прогресс бар, как пользователь печатает в текстовом входом. Вы хотите добавить прослушиватель событий для действия «keyup», поэтому всякий раз, когда пользователь отпускает один из ключей, он выполняет код, который вы помещаете в тело слушателя события.

document.addEventListener("keyup",() => { 

// code to update the progressbar styles here 

}, false);