I have just started out with .php/Java can someone show me how to get my bootstrap progress bar to increment in accordance with a users set time.

Progress Bar:

Code:

```
<div class="progress progress-striped active">

<div id="progressbar" class="bar" style="width: 0%;"></div>

```

User Input Example:
Code:

Set Seconds: 

```
<input type="text" id="speed" value="10" /> 

<input type="submit" value="Start" onclick="doProgress();" />

```

Java Script {needed}:

Code:

```
 <script type="text/javascript">
 function doProgress()

 { 

 Idk :( Please help.

 };
 </script>

```

(style="width: 0%;") Is the progress bars value 100% being maximum.

I want the value to increase in accordance to the users set value in seconds using this element I provided: 

```
<input type="text" id="speed" value="10" /> 

```

example: the user enters 30 I want it to take 30 seconds for the progress bar to reach 100%