La propiedad Progress value en HTML DOM se usa para establecer o devolver el valor del elemento <progress>. El atributo de valor se usa para especificar la tarea completada usando una barra de progreso.
Sintaxis
Devuelve una propiedad de valor.
progressObject.value
Establece la propiedad value.
progressObject.value = number
Valores de propiedad: Contiene un valor numérico que representa el estado de la tarea completada de la barra de progreso.
Valor devuelto: Devuelve un número de punto flotante que especifica el estado de la tarea completada de la barra de progreso.
Ejemplo: el código siguiente muestra cómo mostrar y establecer la propiedad de valor.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Progress value Property
</title>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Progress value Property </h2>
Downloading progress for a song:
<progress id="GFG" value="30" max="100">
</progress>
<br><br>
<button onclick="display()">
Display value
</button>
<button onclick="setvalue()">
setting value
</button>
</center>
<script>
function display() {
var pr = document.getElementById("GFG").value;
alert("The current status of progress Bar is:" + pr)
}
function setvalue() {
var gf = document.getElementById("GFG").max = "50";
alert("The value of the progress Bar is:" + gf);
}
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA