https://github.com/tnory56/jquery-progressTimer

https://github.com/tnory56/jquery-progressTimer

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/tnory56/jquery-progressTimer
• Owner: tnory56
• License: mit
• Created: 2014-07-18T14:20:23.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2015-11-17T17:17:31.000Z (almost 9 years ago)
• Last Synced: 2024-07-09T02:33:14.634Z (3 months ago)
• Language: JavaScript
• Size: 502 KB
• Stars: 14
• Watchers: 4
• Forks: 19
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Bower version](https://badge.fury.io/bo/jquery-progresstimer.svg)](http://badge.fury.io/bo/jquery-progresstimer)

[![devDependency Status](https://david-dm.org/tnory56/jquery-progressTimer/dev-status.svg)](https://david-dm.org/tnory56/jquery-progressTimer/#info=devDependencies)

[![Dependency Status](https://david-dm.org/tnory56/jquery-progressTimer/status.svg)](https://david-dm.org/tnory56/jquery-progressTimer/)

[![Build Status](https://travis-ci.org/tnory56/jquery-progressTimer.svg?branch=master)](https://travis-ci.org/tnory56/jquery-progressTimer)

[![Codacy Badge](https://www.codacy.com/project/badge/92bc754497b64930aeaef6b0f0632320)](https://www.codacy.com/public/tnory56/jqueryprogressTimer)

jQuery Progress timer is a jquery extension that extends the functionality of the Bootstrap progress [bar component](http://getbootstrap.com/components/#progress)

 - REQUIRES Bootstrap 3.2.0 or greater.

## Table of contents

 - [Quick start](#quick-start)

 - [What's Included](#whats-included)

 - [Simple Example](#simple-example)

 

## Quick start

Three quick start options are available:

- Clone the repo: `git clone https://github.com/tnory56/jquery-progressTimer.git`.

- Install with [Bower](http://bower.io): `bower install jquery-progresstimer`.

- See the demo page [Demo](http://tnory56.github.io/jquery-progressTimer/) 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

```html



    




    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');

    });

```