RedhatPH8

.loader-bg{border-color:rgba(255,255,255,.4);box-shadow:2px 2px 20px 0 rgba(0,0,0,.6)}.text{color:#87ceeb!important;font-weight:700}.loader-spinner{border-color:#87ceeb}

RedhatPH8

.loader{position:relative;float:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;width:150px;height:150px}.spinner-holder-one,.spinner-holder-two{position:absolute;top:0;left:0;overflow:hidden;background:0 0;box-sizing:border-box}.loader-bg{width:100%;height:100%;border-radius:50%;box-sizing:border-box;border:5px solid #eee;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.spinner-holder-one{width:50%;height:50%}.spinner-holder-two{width:100%;height:100%}.loader-spinner{width:200%;height:200%;border-radius:50%;border:5px solid #87ceeb;box-sizing:border-box}.animate-0-25-a{transform:rotate(90deg);transform-origin:100% 100%}.animate-0-25-b{transform:rotate(-90deg);transform-origin:100% 100%}.animate-25-50-a{transform:rotate(180deg);transform-origin:100% 100%}.animate-25-50-b{transform:rotate(-90deg);transform-origin:100% 100%}.animate-50-75-a{transform:rotate(270deg);transform-orig

RedhatPH8

function Circlebar(e){this.element=$(e.element),this.element.append('<div class="spinner-holder-one animate-0-25-a"><div class="spinner-holder-two animate-0-25-b"><div class="loader-spinner" style=""></div></div></div><div class="spinner-holder-one animate-25-50-a"><div class="spinner-holder-two animate-25-50-b"><div class="loader-spinner"></div></div></div><div class="spinner-holder-one animate-50-75-a"><div class="spinner-holder-two animate-50-75-b"><div class="loader-spinner"></div></div></div><div class="spinner-holder-one animate-75-100-a"><div class="spinner-holder-two animate-75-100-b"><div class="loader-spinner"></div></div></div>'),this.value,this.maxValue,this.counter,this.dialWidth,this.size,this.fontSize,this.fontColor,this.skin,this.triggerPercentage,this.type,this.timer;var t=this.element[0].dataset,i=this;this.initialise=function(){i.value=parseInt(t.circleStarttime)||parseInt(e.startTime)||0,i.maxValue=parseInt(t.circleMaxtime)||parseInt(e.maxValue)||60,i.counter=parseInt(t.circleCounter)||par

RedhatPH8

  
/**LEGACY DataTables 1.9  
  /* Create an array with the values of all the checkboxes in a column */
    $.fn.dataTableExt.afnSortData['dom-checkbox'] = function  ( oSettings, iColumn )
    {
        return $.map( oSettings.oApi._fnGetTrNodes(oSettings), function (tr, i) {
            return $('td:eq('+iColumn+') input', tr).prop('checked') ? '1' : '0';
        } );
    }
*//

RedhatPH8

Delivery Status Card

A Pen by Ryan Geddings on CodePen.

License.