diff --git a/views/bootstrap4/styles/application.js b/views/bootstrap4/styles/application.js
index a94495658..4f129e2a3 100644
--- a/views/bootstrap4/styles/application.js
+++ b/views/bootstrap4/styles/application.js
@@ -521,11 +521,11 @@ $(document).ready( function() {
 					pwsp = 100*data.score;
 					$('#'+target+' div.bar').width(pwsp+'%');
 					if(data.ok) {
-						$('#'+target+' div.bar').removeClass('bar-danger');
-						$('#'+target+' div.bar').addClass('bar-success');
+						$('#'+target+' div.bar').removeClass('bg-danger');
+						$('#'+target+' div.bar').addClass('bg-success');
 					} else {
-						$('#'+target+' div.bar').removeClass('bar-success');
-						$('#'+target+' div.bar').addClass('bar-danger');
+						$('#'+target+' div.bar').removeClass('bg-success');
+						$('#'+target+' div.bar').addClass('bg-danger');
 					}
 				}
 			}); /* }}} */
@@ -588,11 +588,11 @@ $(document).ready( function() {
 					pwsp = 100*data.score;
 					$('#'+target+' div.bar').width(pwsp+'%');
 					if(data.ok) {
-						$('#'+target+' div.bar').removeClass('bar-danger');
-						$('#'+target+' div.bar').addClass('bar-success');
+						$('#'+target+' div.bar').removeClass('bg-danger');
+						$('#'+target+' div.bar').addClass('bg-success');
 					} else {
-						$('#'+target+' div.bar').removeClass('bar-success');
-						$('#'+target+' div.bar').addClass('bar-danger');
+						$('#'+target+' div.bar').removeClass('bg-success');
+						$('#'+target+' div.bar').addClass('bg-danger');
 					}
 				}
 			}); /* }}} */
@@ -804,7 +804,7 @@ function onAddClipboard(ev) { /* {{{ */
 		this.statusbar = $("<div class='statusbar "+row+"'></div>");
 		this.filename = $("<div class='filename'></div>").appendTo(this.statusbar);
 		this.size = $("<div class='filesize'></div>").appendTo(this.statusbar);
-		this.progressBar = $("<div class='progress'><div class='bar bar-success'></div></div>").appendTo(this.statusbar);
+		this.progressBar = $("<div class='progress'><div class='bar bg-success'></div></div>").appendTo(this.statusbar);
 		this.abort = $("<div class='btn btn-mini btn-danger'>" + abortBtnLabel + "</div>").appendTo(this.statusbar);
 //		$('.statusbar').empty();
 		obj.after(this.statusbar);