Implemented the color change of the progressbar

This commit is contained in:
2025-12-09 17:03:02 +01:00
parent b182e0a3c7
commit 6eef82bb64
3 changed files with 69 additions and 63 deletions
+4 -47
View File
@@ -37,6 +37,10 @@ function checkBoxes() {
iter++;
}
});
document.getElementById("box1").style.backgroundColor = "red";
document.getElementById("box2").style.backgroundColor = "red";
document.getElementById("box3").style.backgroundColor = "red";
document.getElementById("box4").style.backgroundColor = "red";
console.log(selectedCheckboxes);
const outputType = document.getElementById("output_type");
const transcriptionType = document.getElementById("transkript_type");
@@ -289,53 +293,6 @@ function showStep(stepNumber) {
currentStep = stepNumber;
}
function setCircleOne(){
try {
if(document.getElementById("block1").style.backgroundColor == "red"){
document.getElementById("block1").style.backgroundColor = "green";
}else{
document.getElementById("block1").style.backgroundColor = "red";
}
} catch (error) {
}
}
function setCircleZwo(){
try {
if(document.getElementById("block2").style.backgroundColor == "red"){
document.getElementById("block2").style.backgroundColor = "green";
}else{
document.getElementById("block2").style.backgroundColor = "red";
}
} catch (error) {
}
}
function setCircleThree(){
try {
if(document.getElementById("block3").style.backgroundColor == "red"){
document.getElementById("block3").style.backgroundColor = "green";
}else{
document.getElementById("block3").style.backgroundColor = "red";
}
} catch (error) {
}
}
function setCircleFour(){
try {
if(document.getElementById("block4").style.backgroundColor == "red"){
document.getElementById("block4").style.backgroundColor = "green";
}else{
document.getElementById("block4").style.backgroundColor = "red";
}
} catch (error) {
}
}
//Audio value setter
var speakerAudios = {};