in this article, i will show you, progress bar jquery
<html>
<head>
<style>
html,body{
background: black;
color: lime;
}
span {
font-size:35;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
</style>
<script src ="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<span id="progress"></span>
<script>
function pro_loop() {
// this code is executed every 1 seconds
var i = 0;
setInterval(function(){
if (i != 101){
$("#progress").text("hack your system "+i + "%");
i++;
}
else{
$("#progress").text("success!!!");
}
},1000);
}
pro_loop();
</script>
</body>
</html>
<html>
<head>
<style>
html,body{
background: black;
color: lime;
}
span {
font-size:35;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
</style>
<script src ="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<span id="progress"></span>
<script>
function pro_loop() {
// this code is executed every 1 seconds
var i = 0;
setInterval(function(){
if (i != 101){
$("#progress").text("hack your system "+i + "%");
i++;
}
else{
$("#progress").text("success!!!");
}
},1000);
}
pro_loop();
</script>
</body>
</html>
0 Comments
if you have any doubts , please let me know