문서가 로딩되는것을 시각적으로 표현해주는 오픈소스입니다.
자세한 사용법은 홈페이지를 참조하세요
- 홈페이지 : http://github.hubspot.com/pace/docs/welcome/
- github : https://github.com/HubSpot/PACE
- 라이선스 : ?
<head>
<script src="/pace/pace.js"></script>
<link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
</head>
paceOptions = { // Disable the 'elements' source elements: false, // Only show the progress on regular and ajax-y page navigation, // not every request restartOnRequestAfter: false }
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #a6ac53;
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 2px;
}
