No description, website, or topics provided.
JavaScript CSS HTML
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo v1.0.5 Merged pull request and updated version. Jun 8, 2015
dist
src Update jquery.progressTimer.js Jun 8, 2015
.gitignore Updated dev dependencies Jan 12, 2015
.travis.yml
Gruntfile.js updated to new version cleaning up some mess. 1.0.2 Oct 9, 2014
LICENSE Initial commit Jul 18, 2014
README.md
bower.json v1.0.5 Merged pull request and updated version. Jun 8, 2015
composer.json added composer.json Nov 17, 2015
package.json v1.0.5 Merged pull request and updated version. Jun 8, 2015

README.md

Bower version devDependency Status Dependency Status Build Status Codacy Badge

jQuery Progress timer is a jquery extension that extends the functionality of the Bootstrap progress bar component

  • REQUIRES Bootstrap 3.2.0 or greater.

Table of contents

Quick start

Three quick start options are available:

  • Clone the repo: git clone https://github.com/tnory56/jquery-progressTimer.git.
  • Install with Bower: bower install jquery-progresstimer.
  • See the demo page Demo for usage and possibilities

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

jquery-progresstimer/
├── demo/
│	├── css/
│	│	├── static.css
│	│	└── static.min.css
│	├── fonts/
│	│	├── glyphicons-halflings-regular.eot
│	│	├── glyphicons-halflings-regular.svg
│	│	├── glyphicons-halflings-regular.ttf
│	│	└── glyphicons-halflings-regular.woff
│	├── js/
│	│	├── static.js
│	│	└── static.min.js
│	├── demo.css
│	└── index.html
├── dist/
│	├── css/
│	│	└── jquery.progresstimer.css
│	└── js/
│		├── jquery.progresstimer.js
│		└── jquery.progresstimer.min.js
├── src/
│	├── css/
│	└── js/
├── bower.json
├── Gruntfile.js
├── LICENSE
├── package.json
└── README.md

Simple Example

<div class="container">
    <div class="loading-progress"></div>
</div>
<script src="js/static.min.js"></script>
<script src="../dist/js/jquery.progresstimer.js"></script>
<script>
    var progress = $(".loading-progress").progressTimer({
        timeLimit: 10,
        onFinish: function () {
            alert('completed!');
        }
    });
    $.ajax({
       url:"http://localhost/"
    }).error(function(){
        progress.progressTimer('error', {
            errorText:'ERROR!',
            onFinish:function(){
                alert('There was an error processing your information!');
            }
        });
    }).done(function(){
        progress.progressTimer('complete');
    });
</script>