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