boottstrap 동적 진도 바 효과 구현

3685 단어 bootstrap진도 표
Bootstrap 의 동적 진도 표시 줄:
html:modal 만 들 기   fade 를 사용 하여 먼저 modal 을 숨 긴 다음 modal 에 progress 코드 를 삽입 하 는 것 은 간단 합 니 다.

<div class="modal fade" data-backdrop="static" tabindex="-1" id="progressbar"> 
                      <!--    :--> 
                      <div class="modal-dialog modal-lg"> 
                        <!--      --> 
                        <div class="modal-content"> 
                          <!--    --> 
                          <div class="modal-body"> 
                            <div class="progress progress-striped active"> 
                              <div id="test" class="progress-bar progress-bar-success" role="progressbar" style="width: 10%;"> 
                                   :{{length}}% 
                              </div> 
                            </div> 
                          </div> 
                        </div> 
                      </div> 
                    </div> 
PS:모드 상자:클릭 공백 에서 모드 상 자 를 닫 지 않 으 려 면

좋은 웹페이지 즐겨찾기