function RenderLoadingBar_Standard(_graphics, _width,_height, _total, _current,_image, _loadingscreen) {

  // If we have a loading screen, draw that instead of the loading bar.
  if (_loadingscreen)
{
   _graphics.drawImage(_loadingscreen, 0, 0, _width, _height);
  }  
  else
  {

   var barwidth = (_width / 100) * 75;    // Loading bar 50% width of screen
   var barheight = 18;                    // Loading bar only 2 pixels high
   var x = (_width - barwidth) / 2;    // center the loading bar
   var y = 10 + (_height - barheight) / 1.5;   // and the move it down fro the text a little
   var w = (barwidth / _total) * _current;
                 var img = document.getElementById('logo');

   // Clear screen
   _graphics.fillStyle = "rgba(21,21,21,255)";
   _graphics.fillRect(0, 0, _width, _height);

   // Only draw the bar once "something" has loaded in.
   if (_current != 0)
   {
                       
    // Draw the dark gray bar
    _graphics.fillStyle = "rgba(132,119,177,255)";
    _graphics.fillRect(x, y, barwidth, barheight);

    // Now draw the loaded files bar over the top.
    _graphics.fillStyle = "rgba(187,203,223,255)";
    _graphics.fillRect(x, y, w, barheight);
   }

   // Finally, draw the text.
   jsDrawCenteredText(_graphics, _width / 2, (_height / 2), "rgba(141,143,144,255)", "");
   

}
}

<progress max="100" value="25">
</progress>

<progress id="progres"max="100" value="25">
</progress>

<script>
document.getElementById("progres").value=34; //Здесь устанавливаете нужное вам значение.
<script>