Javascript 如何使进度条获得文本类型输入的值？

我正在开发一个应用程序，其中用户必须在文本类型输入（或数字类型）中写入他们主导技能的百分比，我希望进度条自动具有该值。我需要这方面的帮助，最好是只使用PHP（如果可能的话），但如果包含JAVA，没有问题，我只是希望它能够工作

我使用了以下java脚本代码：

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

函数myFunction（）{
document.getElementById（“myProgress”）.value=$（“#value”）；
}

我的HTML代码是：

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

试试看

您可以像下面这样做。您不需要使用jQuery来实现它

函数func（）{
var x=document.getElementById（“myProgress”）；
x、 value=document.getElementById（“value”）.value；
}

试试看

如果我正确理解了您的问题，您希望在用户输入文本时更新进度条。您希望为“keyup”操作添加一个事件侦听器，以便每当用户释放其中一个键时，它都将执行您放入事件侦听器主体中的代码

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

// code to update the progressbar styles here

}, false);

---

我们无法为您编写代码，但如果有代码，我们可以更正您的代码。您可以使用jQuery和on input

blur

检查用户输入的百分比是否正确，如果正确，只需将输入类型设置为

hidden

并创建progressbar即可。只有使用php是不可能的。您好@guest271314，我使用了以下java脚本代码：function myFunction（）{document.getElementById（“myProgress”）.value=$（“#value”）；}我的HTML代码是这样的，请尝试一下，但没有work@SergioMendez你有什么问题？“但它不起作用”你们能不能描述一下“不起作用”的问题，创建一个堆栈代码段来演示？请参阅，请用可读格式的代码更新您的问题。