add Ox.Progressbar

source/Ox.UI/js/Bar/Ox.Progressbar.js

@@ -0,0 +1,31 @@
+Ox.Progressbar = function(options, self) {
+
+    self = self || {};
+    var that = Ox.Element({}, self)
+        .defaults({
+            progress: 0,
+            width: 256
+        })
+        .options(options || {})
+        .addClass('OxProgressbar')
+        .css({width: self.options.width});
+
+    self.$progress = $('<div>').appendTo(that);
+
+    setProgress();
+
+    function setProgress() {
+        self.$progress.css({
+            width: Math.round(16 + self.options.progress * (self.options.width - 16)) + 'px'
+        });
+    }
+
+    self.setOption = function(key, value) {
+        if (key == 'progress') {
+            setProgress();
+        }
+    }
+
+    return that;
+  
+};