react-emoji-progress-bar

Built by Jamie Maison
Example: https://jamiemaison.github.io/react-emoji-progress-bar/

Install

npm install --save react-emoji-progress-bar

Usage

import * as React from 'react'

import EmojiProgressBar from 'react-emoji-progress-bar'

class Example extends React.Component {
  state = {
    progress: number
  }

  render () {
    return (
      <EmojiProgressBar progress={this.state.number}/>
    )
  }
}

Props

Property	Type	Default	Description
progress	number	0	Progress percentage amount (e.g: for 70%: progress = 70)
color?	string	#eb4b8a	Progress bar color (defaults to pink if no color specified)
showPercentage?	boolean	false	Should the current progress percentage be displayed? (defaults to false)
onComplete?	() => void	void	Completion handler, fired when progress >= 100 (Not called if no handler specified)

License

MIT © jamiemaison