Cara Membuat Button Loading Ketika Di Klik Menggunakan BOOTSTRAP
Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan mengenai Bagaimana Cara Merancang Button Loading Ketika Di Klik Menggunakan BOOTSTRAP, seketika saja yah teman teman buka text editornya dan masukkan scriptnya dibawah sini :
<head>
<title>Button Loading</title>
<meta charset=utf-8>
<meta name=viewport content=width=device-width, initial-scale=1>
<link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css>
<script src=https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js></script>
<script src=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js></script>
</head>
<body>
<button type=button id=myButton data-loading-text=Loading... class=btn btn-primary autocomplete=off>
Loading state
</button>
<script>
$('#myButton').on('click', function () {
var $btn = $(this).button('loading')
// business logic...
$btn.button('loading')
})
</script>
</body>
Jikalau telah selesai di salin teman teman save dan jalankan di browsernya, lumayan gampang bukan? Demikianlah mengenai panduan Bagaimana Cara Merancang Button Loading Ketika Di Klik Menggunakan BOOTSTRAP, hingga bertemu di artikel berikutnya dan hingga jumpa .
#KeepLearn
#IsmetMA
Sumber https://kursuswebsite.org
