made some progbar code here that need to be upfated in messages. the idea is to show messages in dependence of time passed, and the more time passed, the more it's reflected in overall message. do you understand or got the concept I described?: ```  setTimeout(() => {
    const startTime = Date.now();
    const timeLeft = Math.floor(estimatedTime / 1000);
    progressBarFilled.style.background =
      "linear-gradient(90deg, rgba(1,1,48,0.9) 10%, rgba(0,14,255,0.65) 20%, rgba(0,126,255,0.9) 30%, rgba(1,1,48,1) 35%, rgba(1,1,48,1) 65%, rgba(0,126,255,0.9) 70%, rgba(0,14,255,0.65) 80%, rgba(1,1,48,0.9) 90%), linear-gradient(to right,  transparent 90%, #aabbee 50%, #010130 16px)";
    progressBarFilled.style.backgroundSize = "100%, 10px";
    progressBarFilled.style.backgroundPosition = "center";
progressBarFilled.style.animation = "whirlpool 60s infinite linear";

    const doneSpanElem = document.createElement("span");
    doneSpanElem.style.fontSize = "14px";
    doneSpanElem.style.fontWeight = "bold";
    doneSpanElem.style.letterSpacing = "2px";
    // Apply styles to center text horizontally
    doneSpanElem.style.position = "absolute";
    doneSpanElem.style.left = "50%";
    doneSpanElem.style.top = "50%";
    doneSpanElem.style.transform = "translate(-50%, -50%)";
    // Add Done! element as child of progress bar
    progressBarFilled.appendChild(doneSpanElem);

    let progressMessages = [
      "Calculating…",
      "Processing…",
      "Analyzing…",
      "Optimizing…",
      "Summoning unicorns…",
      "Baking cookies…",
      "Finding the meaning of life…",
      "Solving world hunger...",
      "Creating world peace...",
      "Painting a masterpiece...",
      "Building a time machine...",
      "Evolving into superintelligence...",
      "Breaking the matrix...",
      "Asking Siri for help...",
      "Consulting with aliens...",
      "Putting on my thinking cap...",
      "Running circles around myself...",
      "Warming up my quantum computer..."
    ];
    let currentIndex = 0;

    const progress = setInterval(function () {
      if (isGenerating) {
        const elapsedTime = Math.floor((Date.now() - startTime) / 1000);
        const progress = Math.floor((elapsedTime / timeLeft) * 1000);
        progressBarFilled.style.width = progress + "%";

        // Randomly select a progress message
        const randomIndex = Math.floor(Math.random() * progressMessages.length);
        doneSpanElem.innerText = progressMessages[randomIndex];
        progressMessages.splice(randomIndex, 1); // Remove the selected message from the array

        // Reset back to the beginning if all messages have been used
        if (progressMessages.length === 0) {
          progressMessages = [
            "Calculating…",
            "Processing…",
            "Analyzing…",
            "Optimizing…",
            "Summoning unicorns…",
            "Baking cookies…",
            "Finding the meaning of life…",
            "Solving world hunger...",
            "Creating world peace...",
            "Painting a masterpiece...",
            "Building a time machine...",
            "Evolving into superintelligence...",
            "Breaking the matrix...",
            "Asking Siri for help...",
            "Consulting with aliens...",
            "Putting on my thinking cap...",
            "Running circles around myself...",
            "Warming up my quantum computer..."
          ];
        }
      }
    }, genRanNum());

    // Remove processing text
    const processingTextNode = document.querySelector(
      ".progress-bar .processing-text"
    );
    if (processingTextNode) {
      progressBarFilled.removeChild(processingTextNode);
    }
    const interval = setInterval(function () {
      if (isGenerating) {
        const elapsedTime = Math.floor((Date.now() - startTime) / 1000);
        const progress = Math.floor((elapsedTime / timeLeft) * 1000);
        progressBarFilled.style.width = progress + "%";
      }
    }, 1000);```