Cookies进度条

我正在尝试发出cookie警报，但我希望它不仅用X按钮关闭，而且在progress div之后关闭，但不标记cookie，而是用淡出和隐藏关闭，直到页面刷新，并且只在按X保存cookie时关闭。谢谢

$（文档）.ready（函数（）{
if（布尔值（readCookie（'hide'））{
$（'.Cookie__内部'）.hide（）；
$（'.Cookie_uu-inner'）。淡出（1000）；
}
$（'.Cookie\uuu close'）。单击（函数（e）{
$（'.Cookie_uu-inner'）。淡出（800）；
e、 停止传播（）；
createCookie（'hide'，true，1）
返回false；
});
函数createCookie（名称、值、天数）{
如果（天数==1）{
变量日期=新日期（）；
date.setTime（date.getTime（）+（天*24*60*60*1000））；
var expires=“；expires=“+date.togmString（）；
}
否则var到期2=“”；
document.cookie=name+“=”+value+“expires=”+expires+“path=/”；
//$.cookie（名称、值，{expires:days}）；
}
函数readCookie（名称）{
变量nameEQ=name+“=”；
var ca=document.cookie.split（“；”）；
对于（变量i=0；i
.Cookie，
.Cookie\uu-inner{
宽度：100%；
底部：0；
左：0；
z指数：1030
}
.Cookie\uu-inner{
-webkit背景剪辑：填充框
}
.饼干{
颜色：#000
}
.饼干{
位置：固定；
字体大小：.8125rem；
线高：1.125雷姆
}
.Cookie\uu-inner{
填充物：75rem 3.125rem.75rem.9375rem；
位置：绝对位置；
边框顶部：1px实心rgba（0,0,0,07）；
背景色：#fff；
背景剪辑：填充框；
-webkit盒阴影：0.125rem.1875rem rgba（0,0,0,12）；
盒子阴影：0.125rem.1875rem rgba（0,0,0,12）
}
.Cookie\u关闭{
保证金：0；
背景：0；
大纲：0；
位置：绝对位置；
-o-过渡：颜色。2s容易；
光标：指针
}
.Cookie\u关闭{
填充：0；
边界：0；
边界半径：0；
外观：无；
宽度：1.5雷姆；
高度：1.5雷姆；
顶部：625rem；
右：.9375rem；
z指数：90；
颜色：rgba（0,0,0,25）；
-webkit过渡：颜色。2轻松；
过渡：颜色。2秒轻松
}
.Cookie\uuu close.SvgIcon--cross-2{
宽度：.8125rem；
高度：.8125雷姆
}
.Cookie\u关闭：悬停{
颜色：rgba（0,0,0,5）
}
@媒体屏幕和屏幕（最小宽度：550px）{
.饼干{
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit盒包：中心；
-webkit内容：中心；
-ms-flex-pack:center；
证明内容：中心；
文本对齐：居中
}
.Cookie\uu-inner{
宽度：自动；
最大宽度：计算（100%-30px）；
填充物：5625雷姆3.125雷姆6875雷姆1雷姆；
显示：内联块；
底部：1.25雷姆；
左：自动；
边界半径：6.25雷姆；
边框：1px实心rgba（0,0,0,07）；
字体大小：.9375rem；
线高：1.25雷姆；
文本对齐：左对齐；
}
.Cookie\u关闭{
顶部：4375rem；
对：.75rem
}
}
.Cookie.\u外部Cookie\u内部{
溢出：隐藏；
最小宽度：425px；
填充：15px 10px 15px 15px；
边界半径：20px；
字体大小：13px；
线高：1.3；
显示器：flex；
对齐项目：居中；
宽度：自动；
盒影：0px 0px 16px rgba（41,47,63,0.2）；
颜色：var（--深色）；
文本对齐：居中；
}
.Cookie.Cookie\uuu内部：之后{
内容：''；
位置：绝对位置；
}
.Cookie.\u外部Cookie\u内部LayerBottom{
位置：绝对位置；
宽度：100%；
左：0；
底部：0；
高度：5px；
背景色：var（--绿色）；
动画：progressAnimation 10s；
过渡：0.3s线性二者；
过渡属性：宽度、背景色；
}
.Cookie\u关闭{
排名：0；
右：0px；
位置：相对位置；
}
.Cookie.\u ext.Cookie\u close.SvgIcon--cross-2{
宽度：11px；
高度：11px
}
@介质（最大宽度：550px）{
.Cookie.\u外部Cookie\u内部{
最小宽度：100%；
边界半径：0；
文本对齐：居中；
证明内容：中心；
}
.Cookie.\u ext.Cookie\u close{
顶部：1px；
右：0；
}
.Cookie.\u外部Cookie\u内部LayerBottom{
排名：0；
底部：自动
}
}
@关键帧动画{
0% {
宽度：0%；
背景色：var（--绿色）；
}
100% {
宽度：100%；
}
}

曲奇饼干-
X