@hawk-ui/progress-bar

hawk-ui: Basic Progress Bar Component

Usage no npm install needed!

<script type="module">
  import hawkUiProgressBar from 'https://cdn.skypack.dev/@hawk-ui/progress-bar';
</script>

README

Installation

To install a component run

$ npm install @hawk-ui/progress-bar --save

Please import CSS styles via

@import '/path__to__node_modules/@hawk-ui/progress-bar/dist/index.min.css

Usage

Progress Bar With Vary Color

Demo

import ProgressBar from '@hawk-ui/progress-bar';

<ProgressBar
  value={7}
  maxRange={10}
/>

Progress Bar With Same Color

Demo

import ProgressBar from '@hawk-ui/progress-bar';

<ProgressBar
  value={85}
  maxRange={100}
  isColorVary={false}
  isProgress
/>