/Meta_Length

progressbar for meta with max and min with vanilla js

Primary LanguageJavaScriptMIT LicenseMIT

Meta_Length

Hi 😃

progressbar for meta with max and min with vanilla js
if you want change colors use css root variables

Defaults:

:root{
--progressWrapperBg : hsl(0, 0%, 21%);
--progressWrapperHeight : 15px;
--progressRullerBgColor:hsl(348, 100%, 61%);
--progressRullerDanger:hsl(348, 100%, 61%);
--progressRullerWarning:hsl(48, 100%, 67%);
--progressRullerSuccess:hsl(141, 71%, 48%);
--progressFontSize:12px;
--progressTextAlign:center;
--progressTextColor:#000;
}

Usage:

 Template :
 MetaLength('InputId',MinimumLengthAsInteger,MaximumLengthAsInteger);
 MetaLength('InputId',5,20);