Started work on custom progress bars.

webdows/explorer.js

@@ -131,6 +131,31 @@ var explorer = {
 						}).after(rep);
 					}
 				});
+				$.each(bod.find('progress'), function() {
+					if(!$(this).hasClass('progress')) {
+						oprog = $(this);
+						nprog = $('<div class="progress"><div></div></div>');
+						oprog.after(nprog).addClass('progress');
+						function mutated() {
+							nprog.attr('style', oprog.attr('style'));
+							if(oprog.is('[value]')) {
+								if(oprog.is('[max]')) {
+									var max = parseFloat(oprog.attr('max'));
+								} else {
+									var max = 1;
+								}
+								nprog.find('div').attr('style', 'width:'+((parseFloat(oprog.attr('value')) / max) * 100)+'%;');
+							} else {
+								//Do animation...
+							}
+						}
+						var obsv = new MutationObserver(mutated);
+						obsv.observe(oprog[0], {
+							attributes: true
+						});
+						mutated();
+					}
+				});
 			});
 		});
 		system.loader('webdows/explorer_ext.js', function() {

webdows/resources/explorer/webdows/index.css

@@ -791,7 +791,7 @@ vertical-align: -3px;
 ::-webkit-scrollbar-button:horizontal:start {
 	background-image:url('sba4.png');
 }
-input[type=radio] {
+input[type=radio].replaced {
 	display:none;
 }
 .input.radio {
@@ -822,6 +822,23 @@ input[type=radio] {
 	left:2px;
 	border-radius:3px;
 }
+progress.progress {
+	display:none;
+}
+.progress {
+	height:20px;
+	width:150px;
+	border:1px solid black;
+	position:relative;
+	appearance:none;
+}
+.progress > div {
+	height:100%;
+	position:absolute;
+	left:0px;
+	top:0px;
+	background-color:red;
+}
 .tabset {
 	min-width:100px;
 	min-height:100px;