제목이있는 부트 스트랩 진행 표시 줄 수직 표시 자

Question

제목이있는 prograssbar에 마커를 만들고 싶습니다. 불행히도 내가 가져 가면 제목이 표시되지 않지만 부모 요소에서 position: relative;을 제거하면 제목이 표시되지만 마커를 배치 할 수 없습니다. 누구든지이 일을 성취 할 방법을 알고 있습니까? 당신이 .progress 요소에 overflow: visible;를 추가하는 경우 http://www.bootply.com/qxNLC4y6VT

Answer 1

제목이 나타납니다 :

여기에 내 현재 진행합니다. 이미 나타납니다 실제로는하지만, 오버 플로우) = 진행률 표시 줄 요소의 테두리로 "중단"된 것처럼

DEMO

---

업데이트 :
을 사용하여 테두리를 유지하려면 반경 및 숨겨진 오버플로가있는 경우 .progress 요소 외부의 툴팁을 사용하여 요소를 배치해야합니다. 예를 들어 빨간색 마커 요소를 배치하는 다른 컨테이너에 전체를 포장하십시오.

DEMO