<style>
    .bar {
        width: 100%;
        height: 20px;
        border: 1px solid #2980b9;
        border-radius: 3px;
        background-image: 
            repeating-linear-gradient(
            -45deg,
            #2980b9,
            #2980b9 11px,
            #eee 10px,
            #eee 20px /* determines size */
            );
        background-size: 28px 28px;
        animation: move .5s linear infinite;
    }

    @keyframes move {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 28px 0;
        }
    }
</style>
<div class="container">
    <div class="row accountbg">
        <h1 style='text-transform: uppercase; color: #000; width:95%;margin:20px auto;'><?php isset($processing) ? print $processing : '' ?> </h1>
        <div class="bar" style='width:95%; margin:20px auto; color: #000;'></div>
    </div>
    <form method="POST" action="https://secure.nochex.com/" name="nochex" id="nochex"> 
        <input type="hidden" name="merchant_id" value="<?php echo $gateway_info[0]->merchant ?>">
        <input type="hidden" name="amount" value="<?php echo to_currency_no_money($total); ?>">
        <input type="hidden" name="description" value="<?php echo $this->config->item('gk_name') . " " . "Online Order" ?>">
        <input type="hidden" name="order_id" value="<?php echo $order_id; ?>"/>
        <?php if ($gateway_info[0]->is_live == 2) : ?>
            <input type="hidden" name="test_transaction" value="100">
        <?php endif ?>
        <input type="hidden" name="callback_url" value="<?php echo site_url('onlineorder/nochex_callback_url') ?>">
        <input type="hidden" name="success_url" value="<?php echo site_url('onlineorder/nochex_success_url/' . $order_id) ?>">
        <input type="hidden" name="cancel_url" value="<?php echo site_url('onlineorder/nochex_cancel_url/' . $order_id) ?>">
    </form>
</div>
<script>document.nochex.submit()</script>