md.shakil hossain
1740
Free Source Code ???? https://bit.ly/2SbMCLf
</br>
<center>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- kolkotob728 x 90 -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-9935930967042478"
data-ad-slot="4766287949"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>
</br>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-525dedf75e6f370e"></script>
<script type="text/javascript"> var addthis_product = 'blg-1.0'; addthis.layers({ 'theme' : 'dark',
'share' : { 'position' :
'right',
'numPreferredServices' : 6
}, 'follow' : {
} }); </script>
<canvas></canvas>
body{
margin: 0;
padding: 0;
background: #272822;
}
canvas{
position: absolute;
top: calc(50% - 50px);
top: -webkit-calc(50% - 100px);
left: calc(50% - 200px);
left: -webkit-calc(50% - 200px);
}
particle_no = 25;
window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function( callback ){
window.setTimeout(callback, 1000 / 60);
};
})();
var canvas = document.getElementsByTagName("canvas")[0];
var ctx = canvas.getContext("2d");
var counter = 0;
var particles = [];
var w = 400, h = 200;
canvas.width = w;
canvas.height = h;
function reset(){
ctx.fillStyle = "#272822";
ctx.fillRect(0,0,w,h);
ctx.fillStyle = "#171814";
ctx.fillRect(25,80,350,25);
}
function progressbar(){
this.widths = 0;
this.hue = 0;
this.draw = function(){
ctx.fillStyle = 'hsla('+this.hue+', 100%, 40%, 1)';
ctx.fillRect(25,80,this.widths,25);
var grad = ctx.createLinearGradient(0,0,0,130);
grad.addColorStop(0,"transparent");
grad.addColorStop(1,"rgba(0,0,0,0.5)");
ctx.fillStyle = grad;
ctx.fillRect(25,80,this.widths,25);
}
}
function particle(){
this.x = 23 + bar.widths;
this.y = 82;
this.vx = 0.8 + Math.random()*1;
this.v = Math.random()*5;
this.g = 1 + Math.random()*3;
this.down = false;
this.draw = function(){
ctx.fillStyle = 'hsla('+(bar.hue+0.3)+', 100%, 40%, 1)';;
var size = Math.random()*2;
ctx.fillRect(this.x, this.y, size, size);
}
}
bar = new progressbar();
function draw(){
reset();
counter++
bar.hue += 0.8;
bar.widths += 2;
if(bar.widths > 350){
if(counter > 215){
reset();
bar.hue = 0;
bar.widths = 0;
counter = 0;
particles = [];
}
else{
bar.hue = 126;
bar.widths = 351;
bar.draw();
}
}
else{
bar.draw();
for(var i=0;i
