Crimson ProgressBar
A simple fully customizable responsive stylish progress bar.
Example
Function Help
renderProgressBar
takes two parameters minimum the rest is optional:
- currentValue
- totalValue
- progressColor
- backgroundColor
- progressSymbol (one char max)
- backgroundSymbol (one char max)
- renderContainer (show [] around progress bar = bool)
- progressSize (string see below)
Colors Available
- black
- red
- green
- yellow
- blue
- magenta
- cyan
- white
- gray
- grey
Progess Bar Size
Here are the sizes you can pass to the progressSize
they will all be responsive
- "xsmall"
- "small"
- "medium"
- "large"
- "xlarge"
Code Example
to render one line simplys do the following:
const crimsonProgressBar = ;crimsonProgressBar;
const crimsonProgressBar = ;crimsonProgressBar;
const crimsonProgressBar = ;crimsonProgressBar;
Styling Examples
const crimsonProgressBar = ;crimsonProgressBar;
const crimsonProgressBar = ;crimsonProgressBar;
const crimsonProgressBar = ;crimsonProgressBar;
const crimsonProgressBar = ;crimsonProgressBar;
const crimsonProgressBar = ;crimsonProgressBar;
const crimsonProgressBar = ;crimsonProgressBar;
const crimsonProgressBar = ;crimsonProgressBar;
const crimsonProgressBar = ;crimsonProgressBar;
const crimsonProgressBar = ;crimsonProgressBar;