progress bar is now a div and uses the same transition + easing as slides (fixes #6)
This commit is contained in:
parent
91c3056a62
commit
9065114ef0
4 changed files with 24 additions and 25 deletions
|
@ -94,7 +94,8 @@ var Reveal = (function(){
|
|||
*/
|
||||
function initialize( options ) {
|
||||
// Cache references to DOM elements
|
||||
dom.progress = document.querySelector( 'body>progress' );
|
||||
dom.progress = document.querySelector( 'body>.progress' );
|
||||
dom.progressbar = document.querySelector( 'body>.progress span' );
|
||||
dom.controls = document.querySelector( '.controls' );
|
||||
dom.controlsLeft = document.querySelector( '.controls .left' );
|
||||
dom.controlsRight = document.querySelector( '.controls .right' );
|
||||
|
@ -122,7 +123,6 @@ var Reveal = (function(){
|
|||
|
||||
if( config.progress ) {
|
||||
dom.progress.style.display = 'block';
|
||||
dom.progress.max = document.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ).length - 1;
|
||||
}
|
||||
|
||||
if( config.theme !== 'default' ) {
|
||||
|
@ -313,7 +313,7 @@ var Reveal = (function(){
|
|||
|
||||
// Update progress if enabled
|
||||
if( config.progress ) {
|
||||
dom.progress.value = indexh;
|
||||
dom.progressbar.style.width = ( indexh / ( document.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ).length - 1 ) ) * window.innerWidth + 'px';
|
||||
}
|
||||
|
||||
updateControls();
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue