PHPackages                             kartik-v/yii2-widget-spinner - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. kartik-v/yii2-widget-spinner

ActiveYii2-extension[Utility & Helpers](/categories/utility)

kartik-v/yii2-widget-spinner
============================

A widget to render animated CSS3 loading spinners with VML fallback for IE (sub repo split from yii2-widgets)

v1.0.1(7y ago)283.9M—5%33BSD-3-ClauseJavaScript

Since Nov 9Pushed 6y ago1 watchersCompare

[ Source](https://github.com/kartik-v/yii2-widget-spinner)[ Packagist](https://packagist.org/packages/kartik-v/yii2-widget-spinner)[ Docs](https://github.com/kartik-v/yii2-widget-spinner)[ RSS](/packages/kartik-v-yii2-widget-spinner/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (2)Dependencies (1)Versions (3)Used By (3)

 [ ![Krajee Logo](https://camo.githubusercontent.com/4addfbb3869c3fc7d79befea4f06d9cf3655a686fb503df0da1d725859cfdef9/687474703a2f2f6b617274696b2d762e6769746875622e696f2f626f6f7473747261702d66696c65696e7075742d73616d706c65732f73616d706c65732f6b72616a65652d6c6f676f2d622e706e67) ](http://demos.krajee.com "Krajee Demos")
 yii2-widget-spinner ---

 [ ![Donate](https://camo.githubusercontent.com/4af77d425ca202e55ab3d711b438e238ded194735bc345a019ac060e03e26227/687474703a2f2f6b617274696b2d762e6769746875622e696f2f626f6f7473747261702d66696c65696e7075742d73616d706c65732f73616d706c65732f646f6e6174652e706e67) ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=DTP3NZQ6G2AYU "Donate via Paypal")
=======================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================

[](#------------------------yii2-widget-spinner--------------------)

[![Stable Version](https://camo.githubusercontent.com/6e2e936043fbd9fad01beb147b6462bd1ba0f0e72b2203db9fdfdb5406d9eead/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d7769646765742d7370696e6e65722f762f737461626c65)](https://packagist.org/packages/kartik-v/yii2-widget-spinner)[![Unstable Version](https://camo.githubusercontent.com/f6e58e57ad590e085a3d09666ed37969405898775957080f76a5291bdae3e40e/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d7769646765742d7370696e6e65722f762f756e737461626c65)](https://packagist.org/packages/kartik-v/yii2-widget-spinner)[![License](https://camo.githubusercontent.com/feafcc5567590c6802c12948b13887a8c3ab6f8b31e1c61bb68f88449a0177d4/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d7769646765742d7370696e6e65722f6c6963656e7365)](https://packagist.org/packages/kartik-v/yii2-widget-spinner)[![Total Downloads](https://camo.githubusercontent.com/28206dfae913e95339deacb3d658349798f41d497b9e8cdc69e0879901ca0ab9/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d7769646765742d7370696e6e65722f646f776e6c6f616473)](https://packagist.org/packages/kartik-v/yii2-widget-spinner)[![Monthly Downloads](https://camo.githubusercontent.com/69ef76f52482e7166dcbed4f95408a0d4cb892b9b3a1a63e354d2c8c9b0f57c6/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d7769646765742d7370696e6e65722f642f6d6f6e74686c79)](https://packagist.org/packages/kartik-v/yii2-widget-spinner)[![Daily Downloads](https://camo.githubusercontent.com/8daed2b86a8f7c76f44e20b5fd8f62da0863d0cba75b434107a766021440f2cc/68747470733a2f2f706f7365722e707567782e6f72672f6b617274696b2d762f796969322d7769646765742d7370696e6e65722f642f6461696c79)](https://packagist.org/packages/kartik-v/yii2-widget-spinner)

The Spinner widget is a wrapper for the [spin.js](http://fgnass.github.io/spin.js). It enables you to add an animated CSS3 loading spinner which allows VML fallback for IE. Since, its not image based, it allows you to configure the spinner style, size, color, and other CSS attributes. The major advantage of using the CSS3 based spinner, is that the animation can be made visible to user for non-ajax based scenarios. For example on events like window.load or window.unload (thereby enabling you to show a page loading progress without using ajax).

> NOTE: This extension is a sub repo split of [yii2-widgets](https://github.com/kartik-v/yii2-widgets). The split has been done since 08-Nov-2014 to allow developers to install this specific widget in isolation if needed. One can also use the extension the previous way with the whole suite of [yii2-widgets](http://demos.krajee.com/widgets).

Installation
------------

[](#installation)

The preferred way to install this extension is through [composer](http://getcomposer.org/download/). Check the [composer.json](https://github.com/kartik-v/yii2-widget-spinner/blob/master/composer.json) for this extension's requirements and dependencies. Read this [web tip /wiki](http://webtips.krajee.com/setting-composer-minimum-stability-application/) on setting the `minimum-stability` settings for your application's composer.json.

To install, either run

```
$ php composer.phar require kartik-v/yii2-widget-spinner "@dev"

```

or add

```
"kartik-v/yii2-widget-spinner": "@dev"

```

to the `require` section of your `composer.json` file.

Latest Release
--------------

[](#latest-release)

> Refer the [CHANGE LOG](https://github.com/kartik-v/yii2-widget-spinner/blob/master/CHANGE.md) for details on changes to various releases.

Demo
----

[](#demo)

You can refer detailed [documentation and demos](http://demos.krajee.com/widget-details/spinner) on usage of the extension.

Usage
-----

[](#usage)

```
use kartik\spinner\Spinner;