완료 후 JQuery Progressbar와 함께 텍스트를 표시하고 다른 JSP 페이지로 전달하는 방법?

진행률 표시 줄이 있습니다. 나는 잘 작동하지만 진행률 표시 줄 &과 함께 일부 텍스트를 표시 할 때 JSP 페이지를 전달해야하는 100 %에 도달해야합니다. > 업로드 개인 정보 완료 후 JQuery Progressbar와 함께 텍스트를 표시하고 다른 JSP 페이지로 전달하는 방법?

20 % - -> 확인 이메일 ID

10 % : 이것은 내가 같은 텍스트를 인쇄 할 10 % &으로 증가 내 프로그램입니다.

30 % -> 생성 사용자 ID.
....
그리고 100 %에 도달하면 some.jsp로 전달되어야합니다. 이것을 달성하는 방법. 제발 제안 해주세요. mystyle.css에서

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="mystyle.css"> 
    <script type='text/javascript'> 
     var progress = setInterval(function() { 
     var $bar = $('.bar'); 

     if ($bar.width()==400) { 
      clearInterval(progress); 
      $('.progress').removeClass('active'); 
     } else { 
      $bar.width($bar.width()+40); 
     } 
     $bar.text($bar.width()/4 + "%"); 
     }, 800); 
    </script> 
</head> 
<body> 
    <script src="http://code.jquery.com/jquery.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <div class="container"> 
     <div class="progress progress-striped active"> 
     <div class="bar" style="width: 0%;"></div> 
     </div> 
    </div> 
</body> 
</html>

: 이것은 내 프로그램입니다

@import url('css/bootstrap.css'); 

.container { 
    margin-top: 30px; 
    width: 400px; 
}

출처

2013-04-25 Somnath Kayal

당신은 window.location.replace

window.location.replace("http://example.com/finishedLoading");

사용하여 자바 스크립트로 리디렉션을 수행 할 수 있습니다

당신은해야합니다 추적 당신의 진행 상황에 따라 메시지를 표시하십시오. 완료되면 리디렉션을 수행하십시오.

은 예를 바탕으로 :

<html> 
<head> 
<script type='text/javascript'> 
    var progress = setInterval(function() { 
    var $bar = $('.bar'); 

    if ($bar.width()==400) { 
     clearInterval(progress); 
     $('.progress').removeClass('active'); 
     window.location.replace("http://example.com/finishedLoading"); 
    } else { 
     $bar.width($bar.width()+40); 
     switch($bar.width()){ 
      case 40: $("#status").html("Uploading Personal Details"); break; 
      case 80: $("#status").html("Checking Email ID"); break; 
      case 120: $("#status").html("Generating user ID"); break; 
      // other case statements... 
      case 400: $("#status").html("Finished"); break; 
     } 
    } 
    $bar.text($bar.width()/4 + "%"); 
    }, 800); 
</script> 
</head> 
<body> 
<script src="http://code.jquery.com/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<div class="container"> 
    <div class="progress progress-striped active"> 
     <div class="bar" style="width: 0%;"></div> 
    </div> 
    <br> 
    <span id="status"> 
</div> 
</body> 
</html>

여기 진행은 $bar.width()에 직접 보관됩니다.

출처

2013-04-25 12:27:07 Uooo

완전한 예를 들어주세요. 이해할 수 없습니다. 나는 그것의 완성을 어떻게 알 수 있습니까? 정확히 어디에서 전화를해야합니까? 텍스트에 대해서도 말해줘. –

예를 변경했습니다. 너를 적응 시켰어. – Uooo

고맙습니다. 정말로 당신은 천재입니다. 그것은 완벽하게 작동합니다. –

완료 후 JQuery Progressbar와 함께 텍스트를 표시하고 다른 JSP 페이지로 전달하는 방법?

답변

관련 문제