Insert a getElementById inside a progress bar value=""

Question

How can i add the result of this simple script in a value="" of a progress bar?

<script>
document.getElementById("demo").innerHTML = (100 + 50) * 3;
</script>

Like this

<progress ... value="document.getElementById('demo')">

Thanks

Answer 1

You'll need to use JavaScript to set its value property:

<div id="demo"></div>
<progress max="10">
<script>
document.getElementById("demo").innerHTML = document.querySelector('progress').value = 7;
</script>

With a meter tag:

<meter min="28900" max="31100" value="30000">