Progress | Easy.css

Example:

Progress bars are used to show the progress of a task. Progress bars can be used to show the progress of a download, or the progress of a page load.

Dont forgot to add Easy javascript to your html head tag.

Add Easy javascript


            <div class="progress-bar">

              <div class="bar" data-size="40"></div>

            </div>

Progress variety:

Progress bars has many variety. You can use different color to show its beahviour.


            <div class="progress-bar">

              <div class="bar" data-size="40"></div>

            </div>

            <div class="progress-success">

              <div class="bar" data-size="50"></div>

            </div>

            <div class="progress-danger">

              <div class="bar" data-size="60"></div>

            </div>

            <div class="progress-warning">

              <div class="bar" data-size="70"></div>

            </div>

            <div class="progress-info">

              <div class="bar" data-size="80"></div>

            </div>