Meteor Js : How to show an animation of an engine running while processing?

For do this you can use the package :  sacha:spin

You need :

meteor add sacha:spin

And add in your layout :

{{> spinner}}

Example :

js file :

var process = new ReactiveVar("");

Template.PaymentResult.helpers({
    'isProcessing':function(){
        if ( process.get() == true){
            return true;
        } else {
            return false;
        }
    }
});

html file

   {{#if isProcessing}}
        Loading ...
        {{> spinner}}
    {{else}}
        { .... }
    {{/if}} 
You can look like is:

Screen Shot 2015-08-28 at 3.36.25 PM

+ More : https://atmospherejs.com/sacha/spin

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s