@shapla/react-progress v1.0.0

Shapla Progress Bar

A custom progress bar featuring support for stacked bars, animated backgrounds, and text labels.

Table of contents

• Installation
• Usage

Installation

npm install --save @shapla/react-progress

Usage

Styles

with Sass:

import '@shapla/react-progress/src/index.scss';

with CSS:

import '@shapla/react-progress/dist/progress.css';

Javascript Instantiation

import React from 'react';
import Progress from '@shapla/react-progress';

class MyApp extends React.Component {
  render() {
    return (
      <Progress max={10} value={4} theme='primary' size='small' striped={true} animated={true}/>
    );
  }
}

Props