https://github.com/m42e/impress.js-progress
Progressbar and pagexounter for impress.js presentation
https://github.com/m42e/impress.js-progress
Last synced: over 1 year ago
JSON representation
Progressbar and pagexounter for impress.js presentation
- Host: GitHub
- URL: https://github.com/m42e/impress.js-progress
- Owner: m42e
- Created: 2012-12-02T19:00:26.000Z (over 13 years ago)
- Default Branch: master
- Last Pushed: 2014-02-06T20:12:01.000Z (over 12 years ago)
- Last Synced: 2025-02-23T19:16:25.762Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 120 KB
- Stars: 46
- Watchers: 9
- Forks: 12
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
impress.js-progress
===================
Progressbar and pagexounter for impress.js presentations
Requires the steps to be submitted on impress:init event, see https://github.com/bartaz/impress.js/pull/235 and https://github.com/bartaz/impress.js/issues/232 for details.
Usage
-------------------
Add a div for progressbar and/or progress as you can see it here:
include the CSS in the header
and include the script
just before including impress.js.
That's it.
Feel free to change the style of your progressbar as you like by editing the CSS file.
Note
---------------------
Until m42e/impress.js@f367c84 isn't accepted there's the need to patch js/impress.js to add the steps data to init().
Changing line 402 like this:
triggerEvent(root, "impress:init", { api: roots[ "impress-root-" + rootId ] });
triggerEvent(root, "impress:init", { api: roots[ "impress-root-" + rootId ], steps: steps });