WEAT

<html>
<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
  <script src="linkers/weather.js"></script>
  <style>
#myProgress {
  width: 100%;
  background-color: #ddd;
}

#myBar {
  width: 1%;
  height: 30px;
  background-color: #4CAF50;

}
</style>
</head>

<body background='11.jpg'>
  <br>
  <div class="container">
    <button class="btn btn-info"><a style="color:white" href="gui.html">< Back</a></button>

    <div class="jumbotron">
      <h1>find</h1>
      <h2>abstracts</h2>
      <p> IEEE , SCIENCE DIRECT ,SCIENCE OPEN,ARXIV,PAPERITY,DOAJ ,COMBINED RESULT FROM ALL OR ASK ANY QUESTION TO WOLFRAMALPHA</p>
    </div>
    <br>

    <label>Enter keyword</label>
    <input id="city" type="text" placeholder="type here" autofocus/>
    <select name="cars" id="op">
  <option value="1">IEEE</option>
  <option value="2">SCIENCE OPEN</option>
  <option value="3">SCIENCE DIRECT</option>
  <option value="4">ARXIV</option>
  <option value="5">PAPERITY</option>
  <option value="6">DOAJ</option>
  <option value="7">COMBINED RESULT</option>
  <option value="8">ASK ANYTHING</option>
  <option value="9">WEB SCRAPE QUERY</option>
</select>
    number of abstracts
    <input type="number" id='ab' name="quantity" min="1" max="10">

    <button class="btn btn-success" id='btn' onclick="get_weather()">Go!</button><br><br><br>
    <div id="myProgress">
    <div id="myBar"></div>
    </div>
     <script>
     var el = document.getElementById("btn");
el.addEventListener("click", function(){alert("please wait until loading is finished")}, false);
el.addEventListener("click", function(){move()}, false);
    function move() {
     var elem = document.getElementById("myBar");
     var x = document.getElementsByName("cars")[0].value;
     z=0.09;
     if(x == "7"){
     var z= 0.04/(x)}
     var width = 1;
    var id = setInterval(frame, 10);
     function frame() {
      if (width >= 100) {
        clearInterval(id);
        } else {
         width=width+z;
         elem.style.width = width + '%';
     }
     }
    }
     </script>
  </div>

<body>
</html>