<?php if ( ! defined('NC')) exit ?>
<?/*------------------------------------------------------------------------*/?>

<? example('nc-progress') ?>

<div class="nc-progress">
    <div class="nc-progress-bar" style="width:30%"></div>
</div>

<? example('nc-progress | Цвета') ?>

<div class="nc-progress nc--red">
    <div class="nc-progress-bar" style="width:40%"></div>
</div>

<div class="nc-progress nc--green">
    <div class="nc-progress-bar" style="width:50%"></div>
</div>

<div class="nc-progress nc--yellow">
    <div class="nc-progress-bar" style="width:60%"></div>
</div>

<div class="nc-progress nc--grey">
    <div class="nc-progress-bar" style="width:70%"></div>
</div>

<div class="nc-progress nc--dark">
    <div class="nc-progress-bar" style="width:80%"></div>
</div>

<div class="nc-progress nc--black">
    <div class="nc-progress-bar" style="width:90%"></div>
</div>

<? example('nc-progress | Размеры') ?>

<div class="nc-progress nc--mini">
    <div class="nc-progress-bar" style="width:70%"></div>
</div>

<div class="nc-progress nc--small">
    <div class="nc-progress-bar" style="width:70%"></div>
</div>

<div class="nc-progress">
    <div class="nc-progress-bar" style="width:70%"></div>
</div>

<div class="nc-progress nc--large">
    <div class="nc-progress-bar" style="width:70%"></div>
</div>

<? example('nc-progress nc--striped') ?>

<div class="nc-progress nc--striped">
    <div class="nc-progress-bar" style="width:70%"></div>
</div>

<? example('nc-progress nc--loading') ?>

<div class="nc-progress nc--loading">
    <div class="nc-progress-bar" style="width:70%"></div>
</div>