javascript - How to get working button animation with built-in progress bar? -

javascript - How to get working button animation with built-in progress bar? -

i need working button progress bar like here. have set resources, js binding reason button not acting in example. how prepare it?

my code:

<button class="progress-button ladda-button" data-color="mint" data-style="expand-right" data-size="xl" name="sendrequest"> <span class="ladda-label">submit</span> <span class="ladda-spinner"></span> <div class="ladda-progress" style="width: 160px;"></div> </button> ladda.bind('.ladda-button .progress-button button', { callback: function (instance) { var progress = 0; var interval = setinterval(function () { progress = math.min(progress + math.random() * 0.1, 1); instance.setprogress(progress); if (progress === 1) { instance.stop(); clearinterval(interval); } }, 200); } });

http://jsfiddle.net/rcola/4p2jke75/

update:

i next tutorial still can find wrong jsfiddle code. how working?

look @ illustration should helpful example!

javascript html css angularjs