Merhaba, https://bootstrapdocs.com/v3.3.6/doc...progress-label adresindeki progress i kullanarak aşağıdaki kod oluşturuldu;

$(function() {
    var current_progress = 0;
    var interval = setInterval(function() {
      current_progress += 10;
      $("#dynamic_1")
          .css("width", current_progress + "%")
          .attr("aria-valuenow", current_progress)
          .text(current_progress + "% Tamamlandı");

      if(current_progress == 20){
        $('#prog_text_1').after('<p class="bg-primary">Sorgu.... Başarılı</p><br>');
      }

      if(current_progress == 50){
        $('#prog_text_1').after('<p class="bg-primary">Test... Başarılı</p><br>');
      }

      if(current_progress == 70){
        $('#prog_text_1').after('<p class="bg-primary">Hızı 40 Mbps</p><br>');
      }

      if(current_progress == 80){
        $('#prog_text_1').after('<p class="bg-primary">Yükleme Hızı 10 Mbps</p><br>');
      }

      if (current_progress >= 100) {
        clearInterval(interval);
        $("#next_div_2_1").show();

Örneğin %20 olunca Sorgu.... Başarılı yazıyor

Fakat istediğimiz şu şekilde ;
Sorgu
Test
Hızı
Yükleme Hızı ifadeleri sabit sürekli solda yazacak , karşılığına gelen
Başarılı
Başarılı
40 Mbps
10 Mbps ifadeleri ise %20-50-70-80 olduğunda sağ tarafa yazılacak. Nasıl yaparız ?