Cara Membuat Button Loading Ketika Di Klik Menggunakan BOOTSTRAP

Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan tentang Bagaimana Cara Membuat Button Loading Ketika Di Klik Menggunakan BOOTSTRAP, langsung 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>

Jika sudah selesai di salin teman teman save dan jalankan di browsernya, cukup mudah bukan? Sekian tentang tutorial Bagaimana Cara Membuat Button Loading Ketika Di Klik Menggunakan BOOTSTRAP, sampai bertemu di artikel selanjutnya dan sampai jumpa .

#KeepLearn

#IsmetMA