golden hour

/home/godaofbq/dev.hyperredbed.com/wp-content/plugins/essential-blocks/assets/blocks/progress-bar

⬆️ Go Up

Upload

File/Folder	Size	Actions
block.json	437 B	Del OK
frontend.asset.php	98 B	Del OK
frontend.js	1.59 KB	Del OK
icon.svg	1008 B	Del OK
style.css	4.64 KB	Del OK

Edit: style.css

@keyframes animateStripe{0%{transform:translate(0)}to{transform:translate(35px)}}@keyframes animateStripeRTL{0%{transform:translate(0)}to{transform:translate(-35px)}}@keyframes animateRainbow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.eb-progressbar{position:relative}.eb-progressbar-wrapper *{box-sizing:border-box}.eb-progressbar-title{font-weight:400}.eb-progressbar-line{background-color:#eaeaea;display:block;height:12px;position:relative;width:100%}.eb-progressbar-line .eb-progressbar-count-wrap{bottom:calc(100% + 5px);font-weight:400;line-height:1;position:absolute;right:0}.eb-progressbar-line-fill{background-color:#000;display:inline-block;height:12px;left:0;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:0}.eb-progressbar-circle{height:200px;position:relative;width:200px}.eb-progressbar-circle .eb-progressbar-title{font-size:16px;font-weight:400}.eb-progressbar-circle .eb-progressbar-count-wrap{font-size:28px;font-weight:700}.eb-progressbar-circle-shadow{border-radius:50%;height:220px;padding:10px;width:220px}.eb-progressbar-circle-pie{clip-path:inset(0 0 0 50%);height:100%;left:0;position:absolute;top:0;width:100%}.eb-progressbar-circle-inner{border:12px solid #eee;border-radius:50%;height:100%;width:100%}.eb-progressbar-circle-half{border:12px solid #000;border-radius:50%;clip-path:inset(0 50% 0 0);height:100%;left:0;position:absolute;top:0;width:100%}.eb-progressbar-circle-half-left{transform:rotate(0deg)}.eb-progressbar-circle-half-right{transform:rotate(180deg);visibility:hidden}.eb-progressbar-circle-inner-content{position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.eb-progressbar-half-circle{height:100px;overflow:hidden;position:relative;width:200px}.eb-progressbar-half-circle .eb-progressbar-circle-pie{clip-path:inset(0 0 50% 0)}.eb-progressbar-half-circle .eb-progressbar-circle-half{clip-path:inset(50% 0 0 0);transform:rotate(0deg)}.eb-progressbar-half-circle .eb-progressbar-circle-inner-content{bottom:0;top:auto;transform:translateY(0)}.eb-progressbar-half-circle .eb-progressbar-title{font-size:16px;font-weight:400}.eb-progressbar-half-circle .eb-progressbar-count-wrap{font-size:28px;font-weight:700}.eb-progressbar-half-circle-after{clear:both;font-size:12px;font-weight:400;position:relative}.eb-progressbar-postfix-label{float:right}.eb-progressbar-line-stripe .eb-progressbar-line-fill:after{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:35px 35px;content:"";height:100%;left:-35px;position:absolute;top:0;width:calc(100% + 70px)}.eb-progressbar-line-animate .eb-progressbar-line-fill:after{animation:animateStripe 2s linear infinite}.eb-progressbar-line-animate-rtl .eb-progressbar-line-fill:after{animation:animateStripeRTL 2s linear infinite}.eb-progressbar-circle-wrap>div{margin:0 auto}.eb-progressbar-box-container.left>div,.eb-progressbar-circle-container.left>div,.eb-progressbar-line-container.left{margin:0 auto 0 0}.eb-progressbar-box-container.center>div,.eb-progressbar-circle-container.center>div,.eb-progressbar-line-container.center{margin:0 auto}.eb-progressbar-box-container.right>div,.eb-progressbar-circle-container.right>div,.eb-progressbar-line-container.right{margin:0 0 0 auto}.rtl .eb-progressbar-line-container{text-align:right}.rtl .eb-progressbar-line-container .eb-progressbar-count-wrap{left:0;right:auto}.rtl .eb-progressbar-line-container .eb-progressbar-line-fill{left:auto;right:0}.rtl .eb-progressbar.eb-progressbar-circle .eb-progressbar-circle-pie{clip-path:inset(0 50% 0 0)}.rtl .eb-progressbar.eb-progressbar-circle .eb-progressbar-circle-half{clip-path:inset(0 0 0 50%)}.rtl .eb-progressbar-circle-container .eb-progressbar-half-circle-after .eb-progressbar-prefix-label{float:left}.eb-progressbar-line-rainbow .eb-progressbar-line-fill{animation:animateRainbow 5s ease infinite;background:linear-gradient(270deg,#9400d3,indigo,#00f,#0f0,#ff0,#ff7f00,red);background-size:500% 500%}.eb-progressbar-circle-fill .eb-progressbar-circle-half,.eb-progressbar-half-circle-fill .eb-progressbar-circle-half{background-color:#000}.eb-progressbar-box{border:1px solid #eee;height:200px;margin:0 auto;width:100%}.eb-progressbar-box .eb-progressbar-box-inner-content{display:block;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%;z-index:9}.eb-progressbar-box .eb-progressbar-count-wrap{font-size:28px;font-weight:700}.eb-progressbar-box .eb-progressbar-title{font-size:16px;font-weight:400}.eb-progressbar-box-fill{background-color:#000;bottom:0;height:0;left:0;position:absolute;right:0}
Save