Getting started with deck.js:
progress extension
use right arrow to move on

“progress”: What?

Use and goal

easy scaling and positioning of the status
(slide counter)
flexibility to create amazing progress indicators
possibility to fake the number of the last slide

Demo

go through the slides
see and understand what can be done
view sources for details on syntax

Slide a

Slide b

Slide c

Slide d

Slide e (with steps…)

h e l l o
w o r l d

Slide f

Lure your audience (`deck-status-fake-end`)

Slide i (with steps…)

H E L L O
W O R L D

Slide j

Slide k

Browser support: should be ok

there

Top Level − Current: ; Total: ; True total (fake-free):
Top Level − Current: ; Total: ; True total (fake-free):
Stepwise − Current: ; Total: ; True total (fake-free):

Top Level − over total: ; over true total (fake-free):
Top Level − over total: ; over true total (fake-free):
Stepwise − over total: ; over true total (fake-free):
Stepwise − over total: ; over true total (fake-free):

Slide − left: ; top:
Slide − right: ; bottom:
Slide − width: ; height:
Screen − width: ; height: ; designRatio:

Attribute 'class' based on designRatio − here (class is , resize to change)
Content as HTML − design ratio in italic is

Top level

Stepwise

Funky gradients

Full page (also vertical, on the right)

Getting started with deck.js:progress extension use right arrow to move on