Code bouton locker
@Cpamaro<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Content Locker</title>
<style>
.loading-line {
width: 0;
height: 20px;
background-color: #0082f4;
transition: width 2s ease;
}
#container {
text-align: center;
margin-top: 50px;
}
.act_btn {
padding: 20px 30px;
width:80%;
font-size: 33px;
background-color: #0082f4;
color: white;
border: none;
cursor: pointer;
border-radius: 10px;
transition: background-color 0.3s ease;
}
.act_btn:hover {
background-color: #026cc9;
}
</style>
</head>
<div id="container">
<button class="act_btn" onclick=" هنا الكود الامر صغير , showLoading()"> هنا اسم للزر </button>
<div id="loading" class="loading-line"></div>
</div>
ضع هنا كود اللوكر
<script>
function showLoading() {
var button = document.querySelector(".act_btn");
var loadingLine = document.getElementById("loading");
// Hide the button
button.style.display = "none";
// Show the loading line
loadingLine.style.width = "100%";
// Open the locker after 2 seconds
setTimeout(function() {
window._KE();
}, 2000);
}
</script>