Html 使用进度条CSS创建范围输入

我正在尝试使用进度条创建范围输入。 我找到了这个解决办法

输入{
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
-webkit外观：无；
-moz外观：无；
外观：无；
背景：无；
光标：指针；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
身高：100%；
最小高度：50px；
溢出：隐藏；
宽度：240px；
}
输入：焦点{
盒影：无；
大纲：无；
}
输入：：-webkit滑块可运行轨迹{
背景#e33d44；
内容：''；
高度：2倍；
指针事件：无；
}
输入：：-webkit滑块拇指{
高度：18px；
宽度：28px；
-webkit外观：无；
外观：无；
背景：#fff；
边界半径：8px；
盒子阴影：5px0 0 0-8-8px0 0-8px（C7C7C7C7，6px 0 0-8px（C7C7C7C7C7，7px 0 0 0-8 px 0-8 px（C7C7C7C7C7，7px 0 0 0-8 px 0-8px（C7C7C7C7C7C7C7）C7，7C7C7，7px 0 0 0 0 0 0-8-8 px 0-8-8 px 0-8-8-8 px 0-8-8 px（C7C7，7C7C7，7C7C7C7，7C7，7C7C7，7C7，7C7，7C7，7C7，7C7，7C7，70-0-0-8 px 0-0-8 px 0-8 px 0-8 px 0-8#c7c7c7，14px 0-8px#c7c7c7，15px 0-8px#c7c7c7，16px 0-8px#c7c7c7，17px 0-8px#c7c7c7，18px 0-8px#c7c7c7，19px 0-8px#c7c7c77，21 PX0-0-8 PX0-8 PX（C7C7）C7C7，22 PX0-0-8 PX（C7C7）C7C7，22 PX0 0-8 PX0-8 PX（c7c7c7）C7，22 PX0-0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX（C7C7）c7c7c7，C7C7C7C7C7C7，C7，7，22 PX0 0-0 0-0-0-0-0-0-8 PX0-0-8 PX0-0-8 PX0-8 PX0-8 PX0-8-8 PX0-8 PX0-8 PX0-8-8-8 PX0-8-8 PX0-8-8-8-8 PX（C7C7C7C7，C7，C7，C7，C7，C7，8-8-8-8-#c7c7c7，29PX0-8px#c7c7c7，30PX0-8px#c7c7c7，31PX0-8px#c7c7c7，32PX0-8px#c7c7c7，33PX0-8px#C7C7，34PX0-8px#c7c7c7，3C7C7、C7C7、C7C7、C7C7、C7C7、C7、37PX0-0-8 PX 0-8 PX（C7）C7、C7、C7、C7、C7、C7、C7、C7、C7、C7-C7、38PX0 0-0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX（C7）C7C7、C7、C7、C7-C7、C7、C7、C7、C7-0-0-0-0-0-0-0-0-0-0-8 PX0-8-8-8 PX0-8 PX0-8 PX0-8-8 PX0-8-8-8 PX0-8-8-8 PX0-8 PX0-8 PX0-8 PX0-8-8-8-8 PX0-8 PX0-8-8-8-8 c7c7c7，44px0-8px#c7c7c7，45px0-8px#c7c7c7，46px0-8px#c7c7c7，47px0-8px#C7C7C7C7，48px0-8px#c7c7c7，49px0-8px#C7C7C7C7，50pxc7c7c7，52PX0 0-8 PX 0-8 PX0 0-8 PX 0-8 PX（C7C7）C7，52px 7，52PX0 0-8 PXC7C7，c7c7c7，53PX0 0 0-8 PXC7，C7C7，53PX0 0-0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX（C7C7C7C7C7，53PX0-0-0-0-0-0-0-0-0-8 PX0-C7，C7，53PX0-0-0-0-0-8 PX0-0-8 PX0-8 PX0-8 PX0-C7-C7，C7-C7，53PX0-C7，53PX0-0-0-0-8-0-8 PX0-8-8-8-8-8-C7-C7-C7-C7，C7-8-C7C7、59PX0-8px、c7c7c7、60PX0-8px、c7c7c7、61PX0-8px、c7c7c7、62PX0-8px、c7c7c7、63PX0-8px、c7c7c7、64PX0-8px、C7C7、65PX0-c7c7c7，67PX0-0-8 PX0-8 PX（C7C7）C7，67PX0-8 PX（C7C7）C7C7，c7c7c7，C7C7，c7c7c7，68PX0-0-8 PXC7，68PX0 0-8 PX（C7C7C7C7）C7，66PX0 0-8 PX0-8 PX0-8 PX0-8 PX（C7）C7C7，C7C7C7C7，C7，C7-8-8-8-8-8-8-8-8-8 PX0-8-8-8-8 PX（C7，c7c7c7，C7，C7，71PX0-0-8-8-8-8-8-8-8-C7，C7，C7，C7，C7，71PX0-8-8-8-8-8-8-8-74PX0-8px#c7c7c7、75PX0-8px#c7c7c7、76PX0-8px#c7c7c7、77PX0-8px#c7c7c7、78PX0-8px#c7c7c7、79PX0-8px#c7c7c7、80PX0-8pxC7C7C7C7，82PX0 0-8 PX（c7c7c7，82PX0-8 PX（c7c7c7，C7C7 c7，c7 c7 c7，c7 c7 c7，c7 c7 c7，83PX0 0 0-8 PX0-8 PX（C7C7 c7 c7 c7 c7，c7 c7 c7 c7 7，85PX0 0 0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX0-8像素（c7）c7（C7C7）c7，C7C7，c7，C7C7，c7 7-8-8-8-8-8-8-8-8-8-8-8-8-8-8像素（c7，c7，c7，c7，c7，86PX0-c7，c7，c7，86PX0-8-8-8-8-8-8-8-8 0-8px#c7c7c7，90px 0-8px#c7c7c7，91px 0-8px#c7c7c7，92px 0-8px#c7c7c7，93px 0-8px#c7c7c7，94px 0-8px#c7c7c7，95px 0-8px#c7c7c7，97PX0 0-8 PX0 0-8 PX0 0-8 PX（c7c7）c7c7，98PX0 0-8 PX（c7c7）C7 7，98PX0 0 0-8 PX0-8 PX0-8 PX（c7c7）C7，98PX0 0 0-8 PX（C7）C7，C7C7C7C7C7，97PX0 0 0-8 PX0-8 PX（c7c7c7）C7，c7c7c7，101PX0-0-8-8-8-8-C7C7C7C7，c7c7，C7，101PX0-0-0-8 PX0-8 PX0-8-8-8-8 PXC7C7（c7c7（C7）c7c7c7-8-8-C7，10-C7，10-8-8-8-8-8-C7，101PX7#c7c7c7、105PX0-8px#c7c7c7、106PX0-8px#c7c7c7、107PX0-8px#c7c7c7、108PX0-8px#c7c7c7、109PX0-8px#c7c7c7、110PX0-c7c7c7，112PX0-0-8 PX0-8 PX（C7C7）C7，112PX0-8 PX（C7C7）C7，c7c7c7，C7C7，C7C7，c7c7c7，113PX0 0 0-8 PX，113PX0 0-8 PX（C7C7C7C7C7）C7，111PX0 0-8 PX0-8 PX0-8 PX0-8 PX0-8-8 PX（c7c7c7）C7，C7C7，C7C7，116PX0-0-0-0-0-8-8-8-8 PX0-8-8 PX0-8-8 PX0-8-8-8-8-8-8-8 PX0-8-8-8-8-8-8-8-8-8-8-8-8-8 PX0-8-8像素（C7，C7，C7 119PX0-8px#c7c7c7、120PX0-8px#c7c7c7、121PX0-8px#c7c7c7、122PX0-8px#c7c7c7、123PX0-8px#c7c7c7、124PX0-8px#c7c7c7、，c7c7c7、127PX0 0-8 PX C7C7、127PX0 0-8 PX0-8 PX C7C7、127px 0-8 PX（c7c7c7、c7c7c7、c7c7c7、128PX0 0-0-8 PX0-8 PX C7-C7C7、128PX0 0-8 PX0-8像素（C7C7C7C7C7C7C7）C7、126PX0-0-0-8 PX0-8-8 PX0-8 PX0-8PX0-8 PX0-8像素（C7C7C7C7C7C7C7C7C7C7C7C7、130PX7、130PX0-0-0-0-0-0-0-0-8-8-8 PX0-8 PX0-8-8-8-8-8 PX0-8-8-8 PX0-8像素、130PX0-8-8 c7c7c7、134PX0-8px、c7c7c7、135PX0-8px、c7c7c7、136PX0-8px、c7c7c7、137PX0-8px、c7c7c7、137PX0-8px、c7c7c7、138PX0-8px、c7c7c7、139PX0-8pc7c7c7，141PX0 0-8 PX0-8 PX（C7C7）C7，141PX0 0-8 PX（C7C7）C7C7，c7c7c7，c7c7c7，c7c7c7，142PX0 0-8 PX 0-8 PX（C7C7C7C7）C7，C7C7 C7 C7 7，144PX0 0 0-8 PX0-8 PX0-8 PX（C7）C7（C7）c7c7c7，C7，C77C7-8-8-8-8-8像素（C7，C777C7，145PX0-8-8 PX0-8 PX0-8-8 PX0-8-8像素（C7，C7，C7，C7，1450-8-8-8-C7，145PX0 0-8-8-8-8-8-8-8-8-8-8 148PX0-8px#c7c7c7、149PX0-8px#c7c7c7、150PX0-8px#c7c7c7、151PX0-8px#c7c7c7、152PX0-8px#c7c7c7、153PX0-8px#c7c7c7、15c7c7c7，156PX0 0-8 PX0 0-8 PX0 0-8 PXC7C7C7，156PX0 0-8 PXC7，156PX0 0-8 PX0 0-8 PXC7，C7C7C7C7，157PX0 0 0-8 PX0-8 PX0-8 PX0-8 PXC7C7C7，158PX0 0-8 PX0-8 PX0-8 PXC7C7C7，159PX0 0 0-8-8 PXC7C7C7，1590-0-8-8 PX0-8 PX0-8-8-8 PX0-8-8 PX0-8-8-8-8-8像素（C7-8-8像素；C7C7-8-8-8-8像素；c7c7c7-8-8-8像素；C77C7-8-8-8-8八八八八八八八八八八八八八八八八c7c7c7、163PX0-8px、c7c7c7、164PX0-8px、c7c7c7、165PX0-8px、c7c7c7、166PX0-8px、c7c7c7、166PX0-8px、c7c7c7、167PX0-8px、c7c7c7、168PX0-8px#C7C7，170PX0 0-8 PX0 0-8 PXPX0 0-8 PX（C7C7）C7C7，174PX0 0-8 PX（C7C7）C7C7，C7C7 7，171PX0 0 0-8 PXC7，171PX0 0-8 PX0-8 PXC7，C7C7C7C7C7，173PX0 0 0-8 PX0-8 PXPX（C7C7）C7，C7C7C7C7，174PX0 0 0-0-8-8-8像素（C7，C7，1740-0-0-8 PX0-8-8像素（C7，C7）C7，C7，C7，C7，C7，1740-8八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八八PX#c7c7c7、178PX0-8px#c7c7c7、179PX0-8px#c7c7c7、180PX0-8px#c7c7c7、181PX0-8px#c7c7c7、182PX0-8px#c7c7c7、183pc7c7c7，185PX0 0-8 PX0 0-8 PX0 0-8 PX（C7C7）C7C7，185PX0-185PX0-8 PX0-8 PX（C7C7）C7C7，186PX0 0 0-8 PX0 0-8 PXC7，186PX0 0-8 PX0-8 PX（c7c7c7，187PX0 0 0 0-8 PX0 0-8 PX0 0-8 PX0-8 PX0-8 PX0 0-8 PX0-8像素（C7C7C7C7C7C7）C7、c7c7c7、189PX0 0-8-8-8-8-8-8-8 PX0 0-8-8-8-8-8 PX0 0-8-8-8-8-8-8-8 PX0-8像素（C7、C7C7、C7C7C7C7C7、C7C7、C7、189PX7C7C7192PX0-8px#C7C7C7193PX0-8px#C7C7C7194PX0-8px#C7C7C7195PX0-8px#C7C7C7196PX0-8px#c7c7c7，197PX0-8px#c7c7c7、7、7、7、200 PX0 0-8 PX 0-8 PX（C7C7）C7、7、200 PX0 0-8 PX（c7c7c7、7、200 PX0 0-8 PX0-8 PX0-8 PX（C7C7）C7、7、7、20 PX0 0-0-8 PX0-8 PX0-8 PX0-8 PX（C7C7C7C7）C7C7、C7C7C7C7C7C7、C7C7C7C7、C7、C7-7-7-7、C7、7-7-7-7-7-7-7-7-7-7-7、203PX0 0-0-0-0-0-0-0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX0-8 PX0-PX#c7c7c7、207PX0-8px#c7c7c7、208PX0-8px#c7c7c7、209PX0-8px#c7c7c7、210PX0-8px#c7c7c7、211PX0-8px#c7c7c7、21PX0-8pxc7c7c7，214PX0-8 PX0-8 PX0-8 PX0-8 PX（C7C7）C7，214PX0-8 PX0-8 PX（C7C7）C7C7，C7C7，C7C7，c7c7c7，c7C7，c7c7c7，c7c7c7，c7，C7，C7，C7，C7，C7，C7-0-0-0-8 PX0-8 PX0-8 PX0-8 PX0-0-8 PX0-8-8-8 PX0-8-8-8 PX0-8-8 PX0-8-8-8-8像素（c7c7c7，C7C7，C7，C7C7，C7，C7，C7，C7，C7，C7，C7，C7，C7，C7，C7，C7，C7，C7，C7，C7，7C7C7、221Px0-8px、222Px0-8px、223Px0-8px、C7C7、224Px0-8px、225px