This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
bespoke-progress with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
Progress Bar for Bespoke.js
This plugin is shipped in a UMD format, meaning that it is available as a CommonJS/AMD module or browser global.
For example, when using CommonJS modules:
var bespoke = require('bespoke'), progress = require('bespoke-progress'); bespoke.from('article', [ progress() ]);
When using browser globals:
bespoke.from('article', [ bespoke.plugins.progress() ]);
Two elements will be added to your presentation: a progress bar, and a container for it.
By default, the
.bespoke-progress-bar element's width will be dynamically set to a percentage width.
If you'd prefer a vertical progress bar, simply specify
'vertical' as the plugin option:
bespoke.from('article', [ progress('vertical') ]);
The following classes are available on the generated progress elements.
|bespoke-progress-parent||The progress bar's parent element|
|bespoke-progress-bar||The progress bar|
$ npm install bespoke-progress
$ bower install bespoke-progress
This plugin was built with generator-bespokeplugin.