From d617fc93db25a8b6d127a85272aa2ed2abe07b2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Antonio=20Rodr=C3=ADguez?= <antonio.rodriguez@outbook.es>
Date: Wed, 17 Sep 2014 11:13:24 +0200
Subject: [PATCH] we want the ability to customize also the progress bar

---
 src/loading-bar.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/loading-bar.js b/src/loading-bar.js
index 720de0c..568f9e8 100644
--- a/src/loading-bar.js
+++ b/src/loading-bar.js
@@ -156,11 +156,12 @@ angular.module('cfp.loadingBar', [])
     this.startSize = 0.02;
     this.parentSelector = 'body';
     this.spinnerTemplate = '<div id="loading-bar-spinner"><div class="spinner-icon"></div></div>';
+    this.loadingBarTemplate = '<div id="loading-bar"><div class="bar"><div class="peg"></div></div></div>';
 
     this.$get = ['$injector', '$document', '$timeout', '$rootScope', function ($injector, $document, $timeout, $rootScope) {
       var $animate;
       var $parentSelector = this.parentSelector,
-        loadingBarContainer = angular.element('<div id="loading-bar"><div class="bar"><div class="peg"></div></div></div>'),
+        loadingBarContainer = angular.element(this.loadingBarTemplate),
         loadingBar = loadingBarContainer.find('div').eq(0),
         spinner = angular.element(this.spinnerTemplate);