@planning-center/react-progress-bar v1.1.1

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