Bootstrap dynamic progress bar combined with jquery

This progress bar implements the function:

1. The progress bar component of the bootstrap is used.

A. Add class. Progress to the outermost <div>, in the layer <div> add Class Progress-bar to achieve the basic progress bar.

B. Add Class. progress-striped to the outer layer <div> to implement the stripe progress bar.

C. In the inner layer <div> join class. Progress-bar-danger/warning/info/success to achieve red, yellow, blue, green

D. Add class to the outer <div>. Animate effect

2. Use jquery to control progress bar progress.

0-30 displays red, 30-60 shows yellow, 60-90 shows green, 90-100 shows Green

Implement progress bar Pause, stop, restart, resume function

The specific code is as follows:

 1 <! DOCTYPE html> 2 
 Bootstrap dynamic progress bar in conjunction with jquery