DevTools: More code reduce via using document.createElementWithClass and document.createChild.

Source/devtools/front_end/ui/ProgressIndicator.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 17 matching lines @@
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @constructor
  * @implements {WebInspector.Progress}
  * @extends {WebInspector.Object}
  */
 WebInspector.ProgressIndicator = function()
 {
-    this.element = document.createElement("div");
-    this.element.className = "progress-bar-container";
+    this.element = document.createElementWithClass("div", "progress-bar-container");
     this._labelElement = this.element.createChild("span");
     this._progressElement = this.element.createChild("progress");
     this._stopButton = new WebInspector.StatusBarButton(WebInspector.UIString("Cancel"), "progress-bar-stop-button");
     this._stopButton.addEventListener("click", this.cancel, this);
     this.element.appendChild(this._stopButton.element);
     this._isCanceled = false;
     this._worked = 0;
 }
 
 WebInspector.ProgressIndicator.prototype = {
@@ skipping 66 matching lines @@
     /**
      * @param {number=} worked
      */
     worked: function(worked)
     {
         this.setWorked(this._worked + (worked || 1));
     },
 
     __proto__: WebInspector.Object.prototype
 }