Outer Gradient Circle Progress

Developer
Size
17,247 Kb
Views
4,048

How do I make an outer gradient circle progress?

Trying to make a outer linear gradient that is wrapped in a circle. While you can do this with 100s of svg objects png makes it faster.. What is a outer gradient circle progress? How do you make a outer gradient circle progress? This script and codes were developed by James Nowland on 01 February 2023, Wednesday.

Outer Gradient Circle Progress Previews

Outer Gradient Circle Progress - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Outer Gradient Circle Progress</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">
<!-- i should get codepen pro so i dont have to base64 things -->
<image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAACrCAYAAAAZ6GwZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjI2RkIwRkQ4NjA2MTFFNTgwNTJFOTc3NEMxMUU5NDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjI2RkIwRkU4NjA2MTFFNTgwNTJFOTc3NEMxMUU5NDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMjZGQjBGQjg2MDYxMUU1ODA1MkU5Nzc0QzExRTk0MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMjZGQjBGQzg2MDYxMUU1ODA1MkU5Nzc0QzExRTk0MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk4OxkcAADSFSURBVHja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" x="17" y="17" height="167px" width="167px"/>	<circle fill="none" class="circle" stroke-width="17" stroke-miterlimit="10" cx="100" cy="100" r="78"/>
</svg> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.13.1/TweenMax.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Outer Gradient Circle Progress - Script Codes CSS Codes

body { background: #74DA8C;
}
svg { max-width: 150px; height: 150px; position: absolute; top: 50%; left: 50%; margin: -75px 0 0 -75px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);
}
.circle { stroke: #74DA8C; stroke-dasharray: 482; stroke-dashoffset: -489; -webkit-animation: dash 2.3s linear alternate infinite; animation: dash 2.3s linear alternate infinite;
}
@-webkit-keyframes dash { from { stroke-dashoffset: -489; } to { stroke-dashoffset: 0; }
}
@keyframes dash { from { stroke-dashoffset: -489; } to { stroke-dashoffset: 0; }
}

Outer Gradient Circle Progress - Script Codes JS Codes

// playing with proof of concept.
/*var foo = $('circle');
var r = foo.attr('r');
var circleLength = 2 * Math.PI * r; */ //alert( circleLength );
Outer Gradient Circle Progress - Script Codes
Outer Gradient Circle Progress - Script Codes
Home Page Home
Developer James Nowland
Username jnowland
Uploaded February 01, 2023
Rating 3
Size 17,247 Kb
Views 4,048
Do you need developer help for Outer Gradient Circle Progress?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

James Nowland (jnowland) Script Codes
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!