# bootstrap-4-waitingfor
> Waiting for dialog with progress bar for Bootstrap
Latest version **1.2.7** (published 2019-07-24) · MIT license · 0 weekly downloads
## Install
```sh
npm install bootstrap-4-waitingfor
pnpm add bootstrap-4-waitingfor
yarn add bootstrap-4-waitingfor
bun add bootstrap-4-waitingfor
```
## Health
**Score 15/100 (F)** — status: abandoned.
Positive: no vulnerabilities.
Warnings: low downloads; no types; no esm support.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 1.2.7 |
| Published | 2019-07-24 |
| First published | 2019-07-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 30 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Eugene Maslovich |
| Maintainers | devsaur |
| Keywords | waiting, dialog, progress, bar, boostrap |
## Links
- npm: https://www.npmjs.com/package/bootstrap-4-waitingfor
- Repository: https://github.com/lukas-mertens/bootstrap-waitingfor
- Homepage: https://github.com/lukas-mertens/bootstrap-waitingfor#readme
- Issues: https://github.com/lukas-mertens/bootstrap-waitingfor/issues
- npm.io page: https://npm.io/package/bootstrap-4-waitingfor
## Alternatives
- [@sentry/react-native](https://npm.io/package/@sentry/react-native.md) — 2.6M weekly downloads
- [@ardatan/aggregate-error](https://npm.io/package/@ardatan/aggregate-error.md) — 708.1K weekly downloads
- [custom-error-generator](https://npm.io/package/custom-error-generator.md) — 2.0K weekly downloads
- [@technik-sde/prosemirror-recreate-transform](https://npm.io/package/@technik-sde/prosemirror-recreate-transform.md) — 1.5K weekly downloads
- [@suchipi/error-utils](https://npm.io/package/@suchipi/error-utils.md) — 78 weekly downloads
## Recent versions
- 1.2.7 (latest) — 2019-07-24
## README
# Info about Fork
This is a fork of [ehpc/bootstrap-waitingfor](https://github.com/ehpc/bootstrap-waitingfor) with bootstrap 4 support.
# bootstrap-waitingfor
"Waiting for..." modal dialog with progress bar for Bootstrap.
See this plugin in action:rocket:: http://bootsnipp.com/snippets/featured/quotwaiting-forquot-modal-dialog
## Features
* AMD-compatible
* Configurable
## Installing
### With bower
You can install this module with bower `bower install bootstrap-waitingfor` and include the files from `build` directory.
### With npm
You can install this module with npm `npm install --save bootstrap-waitingfor` and include it as shown:
```js
const waitingDialog = require('bootstrap-waitingfor');
```
## Using
In your javascript code write something like this:
```js
waitingDialog.show('I\'m waiting');
setTimeout(function () {
waitingDialog.hide();
}, 1000);
```
If you want to change the appearance of the modal, you can pass additional options:
```js
waitingDialog.show('I\'m waiting', {
dialogSize: 'm',
progressType: 'success'
});
setTimeout(function () {
waitingDialog.hide();
}, 1000);
```
possible options for `dialogSize` are
* `sm` - small
* `m` - normal
* `lg` - large
possible options for progressType are
* `success`
* `danger`
* `warning`
* `info`
## Contributing
:fire:Before:fire: making a pull request do the following steps:
1. Run `gulp`
2. Make sure `gulp` doesn't return any errors
3. Open `test/run.html` in your favorite browser
4. Make sure there are no errors in dev console
5. Make sure all dialogs behave correctly
Setting up the environment:
1. Install `Node.js`
2. Go to your project directory
3. Run `npm install -g bower`
4. Run `npm install -g gulp`
5. Run `npm install`
6. Run `bower install`
:sunflower:You should only modify files inside `src` or `test` directories!:sunflower: Files in the `build` directory are generated **automatically** after running `gulp`.
## Examples
HTML page example:
```html
boostrap-waitingfor
```
---
_Source: https://npm.io/package/bootstrap-4-waitingfor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._