@snapsheet/reprogressbars

2.0.1 • Public • Published

Reprogressbars

npm version npm downloads MIT License Build Status minzipped size

Intro

Reprogressbars is a progress bar library built on React.

The main purpose of this library is to simplify displaying progress from ajax requests so that you can just specify when you are and are not loading, and Reprogressbars can animate automatically in between.

Examples

import { ProgressBar } from 'reprogressbars';

<ProgressBar isLoading={this.state.isLoading} />

For a progress bar fixed to the top of your page:

<ProgressBar isLoading={this.state.isLoading} className="fixed-progress-bar" />
.fixed-progress-bar {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

The isLoading prop makes for simple integration with Redux.

You can also change the height or color:

<ProgressBar isLoading={this.state.isLoading} height="4px" color="#B71C1C" />

API

See docs

Contribution

Please create an issue for issues or bugs. Pull requests welcome.

License

MIT

Copyright (c) 2017-2021 Nick Stanish

Package Sidebar

Install

npm i @snapsheet/reprogressbars

Weekly Downloads

221

Version

2.0.1

License

MIT

Unpacked Size

331 kB

Total Files

24

Last publish

Collaborators

  • snapsheet-kendel
  • jamesgarner-ss
  • luke-myers101493
  • mcrepeau
  • tpark.snapsheet
  • atrasnap
  • grantgolden
  • preedhigarg
  • jh-snap
  • bjs93r
  • luke.choi
  • acting0136
  • ezra.bold
  • snapsheetgem
  • priyanklalitkantkapadia-snapsheet
  • paikro
  • masterprompt
  • essieka
  • flipuhdelphia-work
  • w1inniejao
  • justin-newman-snapsheet
  • dash-snapsheet
  • mattheyd
  • inomire
  • joe.cormier
  • gsaunsen-snapsheet
  • ericbluhm
  • nberrios-ss
  • mananssh
  • anandrikka
  • tpospisil_ss
  • anvakondak
  • kazuhirouchikata
  • revonok
  • mitesh.shah
  • yujjit
  • chrisdavis178
  • gshetty007snapsheet
  • santi-h
  • carlporter
  • lluchez
  • avedire
  • ifraah
  • abhishek85
  • vanessa.wang
  • whatisdot
  • garciadd
  • jorge-e-toro
  • snapsheet-tech
  • nathan.gonzalez
  • raphaelshejnberg
  • peterwlanglois
  • deenatenzer
  • roseg
  • jonathanversino-ss
  • rstaudt2
  • ben.richards
  • snapsheetbot
  • drc372
  • petermarathas
  • haden.santefort.snapsheet
  • mpsnap
  • jdmsnap
  • uttercmsnapsheet
  • rayolivero
  • orenmagid
  • pranav-snap
  • jwydra
  • emilystanish