This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@planning-center/react-progress-bar

react-progress-bar

Animated progress bar with text

Usage

import ProgressBar from '@planning-center/react-progress-bar'

<ProgressBar progress={25} text="Loading" animated={true} />

Install

npm install --save @planning-center/react-progress-bar

Configure Rails so it can find the stylesheet in your application.rb:

config.assets.paths << Rails.root.join('node_modules')

Then in your Sass:

@import "@planning-center/react-progress-bar/style"

Styling

Sass variables:

$react-progress-bar-color: #ccc !default
$react-progress-bar-bg-color: rgba(0, 0, 0, .05) !default