Update Progress Style

css/bootstrap.css

@@ -5831,13 +5831,11 @@ a.thumbnail.active {
 
 .progress {
   height: 20px;
-  width: 50%;
+  width: 75%;
   margin-bottom: 0.5em;
   overflow: hidden;
   background-color: var(--some-text-background-color);
   border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 .progress-bar {
@@ -5849,8 +5847,6 @@ a.thumbnail.active {
   color: white;
   text-align: center;
   background-color: var(--little-title-text-color);
-  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   -webkit-transition: width 0.6s ease;
   transition: width 0.6s ease;
 }

css/one-page-wonder.css

@@ -412,6 +412,10 @@ footer {
 		height: 1.5em;
 	}
 
+	.progress {
+		width: 90%;
+	}
+
 
 }
 

js/model_demo.js

@@ -137,79 +137,3 @@ function formatBytes(bytes, decimals = 0) {
     const rounded = (bytes / Math.pow(1000, i)).toFixed(decimals);
     return rounded + " " + sizes[i];
 }
-
-/*
-let output_scores = "<br/>"
-
-result = result.sort(function (a, b) {
-    var textA = a.label.toUpperCase();
-    var textB = b.label.toUpperCase();
-    return (textA > textB) ? -1 : (textA < textB) ? 1 : 0;
-}
-);
-
-result.forEach(element => {
-    let label = element.label
-    let score = Math.round(element.score * 100)
-    console.log(label, " : ", score, "%", "\n")
-
-    output_scores = output_scores.concat(label, " : ", score, "%", "<br/>")
-
-});
-
-console.log(result)
-console.log(output_scores)
-// showing the result
-outputDiv = document.getElementById(data.elementIdToUpdate);
-outputDiv.innerHTML = "Output:\n".concat(output_scores);
-*/
-
-
-/*
-// on submit button click
-submitButton.addEventListener('click', async (e) => {
-
-    status.textContent = "Loading model, this will take some time on the first run...";
-
-    // prevent default form submission
-    e.preventDefault();
-
-    // Specifying classifier task
-    let classifier = await pipeline(
-        'sentiment-analysis',
-        'Xenova/bert-base-multilingual-uncased-sentiment',
-    );
-
-    status.textContent = "Calculating output...";
-
-    // classifying the input text
-    let result = await classifier(
-        inputText.value, { topk: 5 }
-    );
-
-    status.textContent = "";
-
-    let output_scores = "<br/>"
-
-    result = result.sort(function (a, b) {
-        var textA = a.label.toUpperCase();
-        var textB = b.label.toUpperCase();
-        return (textA > textB) ? -1 : (textA < textB) ? 1 : 0;
-    }
-    );
-
-    result.forEach(element => {
-        let label = element.label
-        let score = Math.round(element.score * 100)
-        console.log(label, " : ", score, "%", "\n")
-
-        output_scores = output_scores.concat(label, " : ", score, "%", "<br/>")
-
-    });
-
-    console.log(result)
-    console.log(output_scores)
-    // showing the result
-    outputDiv.innerHTML = "Output:\n".concat(output_scores);
-});
-*/