Knockout 2.1 base

by nickkell

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.1.0.debug.js"></script>
<div data-bind="progress: percent"></div>

JavaScript

ko.bindingHandlers.progress = {
    init: function(element, valueAccessor) {
        var $element = $(element),
            v = ko.utils.unwrapObservable(valueAccessor());

        $element.progressbar({
            value: v
        });

        ko.utils.domNodeDisposal.addDisposeCallback(element, function() {
            $(element).progressbar('destroy');
        });

    },
    update: function(element, valueAccessor) {
        var $element = $(element),
            v = ko.utils.unwrapObservable(valueAccessor());

        $element.progressbar('value', v);

    }
};

function ViewModel() {
    var self = this;


    self.percent = ko.observable(50);

};
var vm = new ViewModel();

ko.applyBindings(vm);