<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title> Progress </title>
    <meta name="author" content="Administrator"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css"
      href="html5-progress.css" title="style1"/>
      <script type="text/javascript">
	// <![CDATA[
        "use strict;"
        function  calc( value ) {
          "use strict;"
          if ( isNaN(value) ) {
          }
          else {
            var zahl = parseInt(value);
            var progress = document.getElementById( "progress2" );
            var posi=progress.value+zahl;
            if (posi>=0  && posi<=100) {
              progress.value = progress.value+zahl;
            }
          }
         }
          // ]]>
        </script>
      </head>
      
<body>
  <h1>Progress</h1>
  
  Laufindex<br />
  <progress id="progress1"></progress> <br />
  <br />
  
  Kein Laufindex<br />
  
  <progress id="progress2"  value="24" min="0"  max="100" />
  <br />
  <form>
    <input type="button" value="dec" onclick="calc(-1)"/>
    <input type="button" value="inc" onclick="calc(+1)"/>
    
    
  </form>
 
  
</body>


</html>









