Sign Up for Free

RunKit +

Try any Node.js package right in your browser

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:

require("bespoke/package.json"); // bespoke is a peer dependency. var bespokeProgress = require("bespoke-progress")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

bespoke-progress v1.0.0

Progress Bar for Bespoke.js

Build Status Coverage Status

bespoke-progress

Progress Bar for Bespoke.js

Download

Download the production version or the development version, or use a package manager.

Usage

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')
]);

CSS

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

Package managers

npm

$ npm install bespoke-progress

Bower

$ bower install bespoke-progress

Credits

This plugin was built with generator-bespokeplugin.

License

MIT License

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free