1 files changed, 47 insertions, 0 deletions
diff --git a/addons/website_slides/static/src/js/slides_course_progress_bar.js b/addons/website_slides/static/src/js/slides_course_progress_bar.js
new file mode 100644
index 00000000000..2412368018f
--- /dev/null
+++ b/addons/website_slides/static/src/js/slides_course_progress_bar.js
@@ -0,0 +1,47 @@
+odoo.define('website_slides.progress.bar', function (require) {
+
+    var sAnimations = require('website.content.snippets.animation');
+    var Widget = require('web.Widget');
+
+    var ProgressBar = Widget.extend({
+
+        /**
+         * @override
+         * @param {Object} el
+         * @param {number} channel_id
+         */
+        init: function (el, completion) {
+            this._super(el);
+            this.completion = completion;
+        },
+        /**
+         * @override
+         */
+        start: function () {
+            this._renderProgressBar();
+            return this._super.apply(this, arguments);
+        },
+        //--------------------------------------------------------------------------
+        // Handlers
+        //--------------------------------------------------------------------------
+        _renderProgressBar: function (ev) {
+            var self = this;
+            $('.oe_slide_js_progress_bar').css('width', (self.completion <= 100 ? self.completion : 100)  + '%');
+        },
+    });
+
+    sAnimations.registry.websiteSlidesProgressBar = sAnimations.Class.extend({
+        selector: '.oe_slide_js_progress_bar',
+        /**
+         * @override
+         */
+        start: function () {
+            var completion = parseInt($('.oe_slide_js_progress_bar').attr('channel_completion'));
+            var progressBar = new ProgressBar(this, completion);
+            progressBar.appendTo(".oe_slide_js_progress_bar");
+            return this._super.apply(this, arguments);
+        },
+    });
+
+    return ProgressBar;
+    });