progressbar: Apply Tizen 3.0 GUI with color_class

Change-Id: Ifff98bda207f4c9370c2371352a929e51174dd9d
Signed-off-by: Bowon Ryu <bowon.ryu@samsung.com>

5 files changed, 907 insertions, 458 deletions

diff --git a/mobile/HD/images/User_Input_Elements/core_progress_bar.#.png b/mobile/HD/images/Presentation_views/core_progress_bar.#.png
index 57e7a38b..57e7a38b 100644..100755
--- a/mobile/HD/images/User_Input_Elements/core_progress_bar.#.png
+++ b/mobile/HD/images/Presentation_views/core_progress_bar.#.png
diff --git a/mobile/HD/images/User_Input_Elements/core_progress_pending_bg_01.png b/mobile/HD/images/Presentation_views/core_progress_pending_bg_01.png
index 8354a328..8354a328 100644
--- a/mobile/HD/images/User_Input_Elements/core_progress_pending_bg_01.png
+++ b/mobile/HD/images/Presentation_views/core_progress_pending_bg_01.png
diff --git a/mobile/HD/images/User_Input_Elements/core_progress_pending_bg_02.png b/mobile/HD/images/Presentation_views/core_progress_pending_bg_02.png
index 1dc90ca2..1dc90ca2 100644
--- a/mobile/HD/images/User_Input_Elements/core_progress_pending_bg_02.png
+++ b/mobile/HD/images/Presentation_views/core_progress_pending_bg_02.png
diff --git a/mobile/color_classes.edc b/mobile/color_classes.edc
index 61a69faa..ed385886 100644
--- a/mobile/color_classes.edc
+++ b/mobile/color_classes.edc
@@ -961,6 +961,74 @@ color_classes {
    /*
     * Progressbar
     */
+   color_class {
+      name: "progressbar/default/bg-normal";
+      color: 145 145 145 179;
+   }
+   color_class {
+      name: "progressbar/default/bg-disabled";
+      color: 145 145 145 77;
+   }
+   color_class {
+      name: "progressbar/default/bar-normal";
+      color: 61 185 204 255;
+   }
+   color_class {
+      name: "progressbar/default/bar-disabled";
+      color: 61 185 204 77;
+   }
+   color_class {
+      name: "progressbar/pending/bar-normal";
+      color: 61 185 204 255;
+   }
+   color_class {
+      name: "progressbar/default/bottom_left-text-normal";
+      color: 115 115 115 255;
+   }
+   color_class {
+      name: "progressbar/default/bottom_left-text-disabled";
+      color: 115 115 115 115;
+   }
+   color_class {
+      name: "progressbar/default/bottom_right-text-normal";
+      color: 115 115 115 255;
+   }
+   color_class {
+      name: "progressbar/default/bottom_right-text-disabled";
+      color: 115 115 115 115;
+   }
+   color_class {
+      name: "progressbar/default/top_right-text-normal";
+      color: 115 115 115 255;
+   }
+   color_class {
+      name: "progressbar/default/top_right-text-disabled";
+      color: 115 115 115 115;
+   }
+   color_class {
+      name: "progressbar/default/status-text-normal";
+      color: 115 115 115 255;
+   }
+   color_class {
+      name: "progressbar/process_large/clipper-icon";
+      color: 61 185 204 102;
+   }
+   color_class {
+      name: "progressbar/process_large/tizen_vg_shape2_clipper-icon";
+      color: 61 185 204 102;
+   }
+   color_class {
+      name: "progressbar/process_large/tizen_vg_shape3_clipper-icon";
+      color: 61 185 204 255;
+   }
+   color_class {
+      name: "progressbar/process_medium/clipper-icon";
+      color: 61 185 204 102;
+   }
+   color_class {
+      name: "progressbar/process_small/clipper-icon";
+      color: 61 185 204 102;
+   }
 
    /*
     * Radio
diff --git a/mobile/widgets/progressbar.edc b/mobile/widgets/progressbar.edc
index c5d6c7b1..5be96e78 100644
--- a/mobile/widgets/progressbar.edc
+++ b/mobile/widgets/progressbar.edc
@@ -24,49 +24,243 @@
  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
+   group { "elm/progressbar/horizontal/event/default";
+      inherit_only: 1;
+      programs {
+         /* program for visible all text */
+         program { "visible_text"
+            signal: "elm,state,text,visible";
+            source: "elm";
+            after: "on_visible_text";
+         }
+         /* program for hidden all text */
+         program { "hidden_text";
+            signal: "elm,state,text,hidden";
+            source: "elm";
+            after: "on_hidden_text";
+         }
+         /* program for visible top_right text */
+         program { "visible_top_right";
+            signal: "elm,state,top.right,visible";
+            source: "elm";
+            after: "on_visible_top_right";
+         }
+         /* program for hidden top_right text */
+         program { "hidden_top_right";
+            signal: "elm,state,top.right,hidden";
+            source: "elm";
+            after: "on_hidden_top_right";
+         }
+         /* program for visible bottom_left text */
+         program { "visible_bottom_left";
+            signal: "elm,state,bottom.left,visible";
+            source: "elm";
+            after: "on_visible_bottom_left";
+         }
+         /* program for hidden bottom_left text */
+         program { "hidden_bottom_left";
+            signal: "elm,state,bottom.left,hidden";
+            source: "elm";
+            after: "on_hidden_bottom_left";
+         }
+         /* program for visible bottom_right text */
+         program { "visible_bottom_right";
+            signal: "elm,state,bottom.right,visible";
+            source: "elm";
+            after: "on_visible_bottom_right";
+         }
+         /* program for hidden bottom_right text */
+         program { "hidden_bottom_right";
+            signal: "elm,state,bottom.right,hidden";
+            source: "elm";
+            after: "on_hidden_bottom_right";
+         }
+         /* program for visible status text */
+         program { "visible_units";
+            signal: "elm,state,units,visible";
+            source: "elm";
+            after: "on_visible_units";
+         }
+         /* program for hidden status text */
+         program { "hidden_units";
+            signal: "elm,state,units,hidden";
+            source: "elm";
+            after: "on_hidden_units";
+         }
+         /* program for inverted_on */
+         program { "inverted_on";
+            signal: "elm,state,inverted,on";
+            source: "elm";
+            after: "on_inverted_on";
+         }
+         /* program for inverted_off */
+         program { "inverted_off";
+            signal: "elm,state,inverted,off";
+            source: "elm";
+            after: "on_inverted_off";
+         }
+         /* program for finished_animation */
+         program { "finished_animation";
+            signal: "elm,action,animation,finished";
+            source: "elm";
+            after: "on_finished_animation";
+         }
+         /* program for disabled */
+         program { "disabled";
+            signal: "elm,state,disabled";
+            source: "elm";
+            after: "on_disabled";
+         }
+         /* program for enabled */
+         program { "enabled";
+            signal: "elm,state,enabled";
+            source: "elm";
+            after: "on_enabled";
+         }
+      }
+   }
 
-   group { name: "elm/progressbar/horizontal/default";
-      data.item: "vector_ux" "default";
+   group { "elm/progressbar/horizontal/template";
+      inherit_only: 1;
+//    images {
+//       image: "bar.png" COMP; // bar image for progressbar
+//    }
+      parts {
+         /* base part for progressbar */
+         spacer { "base";
+            desc { "default";
+            }
+         }
+         /* background part for progressbar */
+         rect { "bg_progressbar";
+            desc { "default";
+               rel.to: "base";
+//             color: 50 50 50 255; // background color for progressbar
+            }
+         }
+         image { "progressbar";
+            desc { "default";
+               rel.to: "base";
+//             image.normal: "bar.png";
+            }
+         }
+         /* text part */
+         text { "elm.text.top.right";
+            desc { "default";
+//             text: "top_right";
+            }
+         }
+         text { "elm.text.bottom.left";
+            desc { "default";
+//             text: "bottom_left";
+            }
+         }
+         text { "elm.text.status";
+            desc { "default";
+//             text: "status";
+            }
+         }
+         text { "elm.text.bottom.right";
+            desc { "default";
+//             text: "bottom_right";
+            }
+         }
+      }
+      programs {
+         /* program for visible all text */
+         program { "on_visible_text";
+         }
+         /* program for hidden all text */
+         program { "on_hidden_text";
+         }
+         /* program for visible top_right text */
+         program { "on_visible_top_right";
+         }
+         /* program for hidden top_right text */
+         program { "on_hidden_top_right";
+         }
+         /* program for visible bottom_left text */
+         program { "on_visible_bottom_left";
+         }
+         /* program for hidden bottom_left text */
+         program { "on_hidden_bottom_left";
+         }
+         /* program for visible bottom_right text */
+         program { "on_visible_bottom_right";
+         }
+         /* program for hidden bottom_right text */
+         program { "on_hidden_bottom_right";
+         }
+         /* program for visible status text */
+         program { "on_visible_units";
+         }
+         /* program for hidden status text */
+         program { "on_hidden_units";
+         }
+         /* program for finished_animation */
+         program { "on_finished_animation";
+         }
+         /* program for disabeld */
+         program { "on_disabled";
+         }
+         /* program for enabeld */
+         program { "on_enabled";
+         }
+      }
+   }
+
+   group { "elm/progressbar/horizontal/default";
+   #define DISABLE 0
+   #define ENABLE 1
+   #define SHOW 1
+   #define HIDE 0
+      nomouse;
+      images {
+         set {
+            name: "core_progress_bar.#";
+            image {
+               image: SMALL"images/Presentation_views/core_progress_bar.#.png" COMP;
+            }
+            image {
+               image: MEDIUM"images/Presentation_views/core_progress_bar.#.png" COMP;
+            }
+         }
+      }
       parts {
          alias: "elm.text" "elm.text.top.right";
-         /// for C# temporarily
-         part { name: "bg";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
-               color_class: "elm/widget/progressbar/default/bg-default";
+         spacer { "base";
+            scale;
+            desc { "default";
+               min: 0 PROGRESSBAR_DEFAULT_HEIGHT_INC;
             }
          }
-         ///
-         part { name: "access";
-            type: RECT;
-            description { state: "default" 0.0;
-               fixed: 1 1;
+         rect { "bg_base";
+            scale;
+            desc { "default";
+               rel.to: "base";
                color: 0 0 0 0;
             }
          }
-         part { name: "elm.swallow.bar";
-            type: SWALLOW;
-            description { state: "default" 0.0;
-               visible: 0;
+         rect { "access";
+            desc { "default";
+               rel.to: "base";
+               fixed: 1 1;
+               color: 0 0 0 0;
             }
          }
-         part { name: "base";
-            type: SPACER;
-            scale: 1;
-            description { state: "default" 0.0;
-               min: 0 PROGRESSBAR_DEFAULT_HEIGHT_INC;
+         swallow { "elm.swallow.bar";
+            desc { "default";
+               rel.to: "base";
+               hid;
             }
          }
-         part { name: "elm.text.top.right";
-            type: TEXT;
-            scale: 1;
-            description { state: "default" 0.0;
+         text { "elm.text.top.right";
+            scale;
+            desc { "default";
                rel1.relative: 0.0 0.0;
                rel2.relative: 1.0 0.0;
                rel1.to: "base";
-               rel2.to: "top_padding";
+               rel2.to: "padding_top";
                text {
                   min: 0 0;
                   align: 1.0 1.0;
@@ -74,176 +268,155 @@
                   text_class: "tizen";
                }
                align: 1.0 1.0;
-               color: 102 102 102 255;
-               visible: 0;
+               color_class: "progressbar/default/top_right-text-normal";
+               hid;
             }
-            description { state: "show" 0.0;
-               inherit: "default" 0.0;
+            desc { "visible";
+               inherit: "default";
                min: 0 PROGRESSBAR_DEFAULT_TEXT_HEIGHT_INC;
                text.min: 1 1;
-               visible: 1;
+               vis;
+            }
+            desc { "disabled_visible";
+               inherit: "visible";
+               color_class: "progressbar/default/top_right-text-disabled";
             }
          }
-         part { name: "top_padding";
-            type: SPACER;
-            scale: 1;
-            description { state: "default" 0.0;
+         spacer { "padding_top";
+            scale;
+            desc { "default";
                min: 0 PROGRESSBAR_PADDING_HEIGHT_INC;
                max: -1 PROGRESSBAR_PADDING_HEIGHT_INC;
                fixed: 0 1;
-               rel1.to: "background";
-               rel2.to: "background";
+               rel1.to: "bg_progressbar";
+               rel2.to: "bg_progressbar";
                rel1.relative: 0.0 0.0;
                rel2.relative: 1.0 0.0;
                align: 0.5 1.0;
             }
          }
-         part { name: "background";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
+         rect { "bg_progressbar";
+            scale;
+            desc { "default";
                min: 0 PROGRESSBAR_DEFAULT_HEIGHT_INC;
                max: -1 PROGRESSBAR_DEFAULT_HEIGHT_INC;
                fixed: 0 1;
-               color: 145 145 145 179;
+               color_class: "progressbar/default/bg-normal";
             }
-         }
-         part { name: "tizen_vg_shape1";
-            type: SWALLOW;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "background";
-            description { state: "default" 0.0;
-               rel1.to: "background";
-               rel2.to: "background";
+            desc { "disabled_visible";
+               inherit: "default";
+               color_class: "progressbar/default/bg-disabled";
             }
          }
-         part { name: "drag.background";
-            type: SPACER;
-            scale: 1;
-            description { state: "default" 0.0;
-               rel1 {
-                  to_x: "background";
-                  to_y: "background";
-                  relative: 0.0 0.0;
-               }
-               rel2 {
-                  to_x: "background";
-                  to_y: "background";
-                  relative: 1.0 1.0;
-               }
+         spacer { "bg_drag";
+            scale;
+            desc { "default";
+               rel.to: "bg_progressbar";
             }
          }
-         part { name: "tizen_vg_shape2";
-            type: SWALLOW;
-            scale: 1;
-            clip_to: "tizen_vg_shape2_clipper";
-            description { state: "default" 0.0;
-               rel1.to: "elm.progress.progressbar";
-               rel2.to: "elm.progress.progressbar";
+         spacer { "prev";
+            desc { "default";
+               rel.to: "bg_progressbar";
+               rel2.relative: 0.0 1.0;
+               fixed: 1 1;
             }
          }
-         part { name: "tizen_vg_shape2_clipper";
-            type: RECT;
-            description { state: "default" 0.0;
-               color:61 184 204 77;
+         image { "progressbar";
+            scale;
+            desc { "default";
+               image.normal: "core_progress_bar.#";
+               rel.to: "elm.progress.progressbar";
+               fixed: 1 1;
+               color_class: "progressbar/default/bar-normal";
             }
-         }
-         part { name: "tizen_vg_shape3";
-            type: SWALLOW;
-            scale: 1;
-            clip_to: "elm.progress.progressbar";
-            description { state: "default" 0.0;
-               rel1.to: "elm.progress.progressbar";
-               rel2.to: "elm.progress.progressbar";
+            desc { "prev";
+               inherit: "default";
+               rel.to: "prev";
+            }
+            desc { "disabled_visible";
+               inherit: "prev";
+               color_class: "progressbar/default/bar-disabled";
             }
          }
-         part { name: "elm.progress.progressbar";
-            type: RECT;
-            description { state: "default" 0.0;
+         rect { "elm.progress.progressbar";
+            desc { "default";
                min: 0 0;
                fixed: 1 1;
                rel1 {
-                  to: "background";
+                  to: "bg_progressbar";
                   relative: 0.0 0.0;
                }
                rel2 {
-                  to_y: "background";
+                  to_y: "bg_progressbar";
                   to_x: "elm.cur.progressbar";
                   offset: -1 -1;
                }
-               color:61 184 204 255;
+               color: 0 0 0 0;
             }
-            description { state: "invert" 0.0;
-               inherit: "default" 0.0;
+            desc { "invert";
+               inherit: "default";
                rel1 {
-                  to_y: "background";
+                  to_y: "bg_progressbar";
                   to_x: "elm.cur.progressbar";
                }
                rel2 {
-                  to: "background";
+                  to: "bg_progressbar";
                   relative: 1.0 1.0;
                }
             }
-            description { state: "state_begin" 0.0;
-               inherit: "default" 0.0;
+            desc { "state_begin";
+               inherit: "default";
                rel1 {
-                  to: "background";
+                  to: "bg_progressbar";
                   relative: 0.0 0.0;
                }
                rel2 {
-                  to: "background";
+                  to: "bg_progressbar";
                   relative: 0.1 1.0;
                }
             }
-            description { state: "state_end" 0.0;
-               inherit: "default" 0.0;
+            desc { "state_end";
+               inherit: "default";
                rel1 {
-                  to: "background";
+                  to: "bg_progressbar";
                   relative: 0.9 0.0;
                }
                rel2 {
-                  to: "background";
+                  to: "bg_progressbar";
                   relative: 1.0 1.0;
                }
             }
          }
-         part { name: "elm.cur.progressbar";
-            mouse_events: 0;
-            scale: 1;
+         part { "elm.cur.progressbar";
+            scale;
             dragable {
-               confine: "drag.background";
+               confine: "bg_drag";
                x: 1 1 1;
                y: 0 0 0;
             }
-            description { state: "default" 0.0;
+            desc { "default";
                min: 0 28;
                fixed: 1 1;
-               visible: 0;
-               rel1.to: "drag.background";
-               rel2.to: "drag.background";
+               hid;
+               rel.to: "bg_drag";
            }
          }
-         part { name: "bottom_padding";
-            type: SPACER;
-            scale: 1;
-            description { state: "default" 0.0;
+         spacer { "padding_bottom";
+            scale;
+            desc { "default";
                min: 0 PROGRESSBAR_PADDING_HEIGHT_INC;
                max: -1 PROGRESSBAR_PADDING_HEIGHT_INC;
                fixed: 0 1;
-               rel1.to: "background";
-               rel2.to: "background";
+               rel.to: "bg_progressbar";
                rel1.relative: 0.0 1.0;
                rel2.relative: 1.0 1.0;
                align: 0.5 0.0;
             }
          }
-         part { name: "elm.text.bottom.left";
-            type: TEXT;
-            scale: 1;
-            description { state: "default" 0.0;
-               rel1.to: "bottom_padding";
+         text { "elm.text.bottom.left";
+            scale;
+            desc { "default";
+               rel1.to: "padding_bottom";
                rel2.to: "base";
                rel1.relative: 0.0 1.0;
                rel2.relative: 1.0 1.0;
@@ -254,21 +427,24 @@
                   text_class: "tizen";
                }
                align: 0.0 0.0;
-               color: 102 102 102 255;
-               visible: 0;
+               color_class: "progressbar/default/bottom_left-text-normal";
+               hid;
             }
-            description { state: "show" 0.0;
-               inherit: "default" 0.0;
+            desc { "visible";
+               inherit: "default";
                text.min: 1 1;
-               visible: 1;
+               vis;
                min: 0 PROGRESSBAR_DEFAULT_TEXT_HEIGHT_INC;
             }
+            desc { "disabled_visible";
+               inherit: "visible";
+               color_class: "progressbar/default/bottom_left-text-disabled";
+            }
          }
-         part { name: "elm.text.status";
-            type: TEXT;
-            scale: 1;
-            description { state: "default" 0.0;
-               rel1.to: "bottom_padding";
+         text { "elm.text.status";
+            scale;
+            desc { "default";
+               rel1.to: "padding_bottom";
                rel2.to: "base";
                rel1.relative: 0.0 1.0;
                rel2.relative: 1.0 1.0;
@@ -279,21 +455,24 @@
                   text_class: "tizen";
                }
                align: 1.0 0.0;
-               color: 102 102 102 255;
-               visible: 0;
+               color_class: "progressbar/default/bottom_right-text-normal";
+               hid;
             }
-            description { state: "show" 0.0;
-               inherit: "default" 0.0;
+            desc { "visible";
+               inherit: "default";
                text.min: 1 1;
                min: 0 PROGRESSBAR_DEFAULT_TEXT_HEIGHT_INC;
-               visible: 1;
+               vis;
+            }
+            desc { "disabled_visible";
+               inherit: "visible";
+               color_class: "progressbar/default/bottom_right-text-disabled";
             }
          }
-         part { name: "elm.text.bottom.right";
-            type: TEXT;
-            scale: 1;
-            description { state: "default" 0.0;
-               rel1.to: "bottom_padding";
+         text { "elm.text.bottom.right";
+            scale;
+            desc { "default";
+               rel1.to: "padding_bottom";
                rel2.to: "base";
                rel1.relative: 0.0 1.0;
                rel2.relative: 1.0 1.0;
@@ -304,94 +483,167 @@
                   text_class: "tizen";
                }
                align: 1.0 0.0;
-               color: 102 102 102 255;
-               visible: 0;
+               color_class: "progressbar/default/bottom_right-text-normal";
+               hid;
             }
-            description { state: "show" 0.0;
-               inherit: "default" 0.0;
+            desc { "visible";
+               inherit: "default";
                text.min: 1 1;
-               visible: 1;
+               vis;
                min: 0 PROGRESSBAR_DEFAULT_TEXT_HEIGHT_INC;
             }
+            desc { "disabled_visible";
+               inherit: "visible";
+               color_class: "progressbar/default/bottom_right-text-disabled";
+            }
+         }
+      }
+      inherit: "elm/progressbar/horizontal/event/default";
+      script {
+         public enabled;
+         public text_top_right_show;
+         public text_bottom_left_show;
+         public text_bottom_right_show;
+         public text_status_show;
+         public set_enable(m) {
+            if (m) {
+               set_state(PART:"bg_progressbar", "default", 0.0);
+               set_state(PART:"progressbar", "prev", 0.0);
+               if (text_top_right_show)
+                  set_state(PART:"elm.text.top.right", "visible", 0.0);
+               else
+                  set_state(PART:"elm.text.top.right", "default", 0.0);
+               if (text_bottom_left_show)
+                  set_state(PART:"elm.text.bottom.left", "visible", 0.0);
+               else
+                  set_state(PART:"elm.text.bottom.left", "default", 0.0);
+               if (text_bottom_right_show)
+                  set_state(PART:"elm.text.bottom.right", "visible", 0.0);
+               else
+                  set_state(PART:"elm.text.bottom.right", "default", 0.0);
+               if (text_status_show)
+                  set_state(PART:"elm.text.status", "visible", 0.0);
+               else
+                  set_state(PART:"elm.text.status", "default", 0.0);
+            } else {
+               set_state(PART:"bg_progressbar", "disabled_visible", 0.0);
+               set_state(PART:"progressbar", "disabled_visible", 0.0);
+               if (text_top_right_show)
+                  set_state(PART:"elm.text.top.right", "disabled_visible", 0.0);
+               if (text_bottom_left_show)
+                  set_state(PART:"elm.text.bottom.left", "disabled_visible", 0.0);
+               if (text_bottom_right_show)
+                  set_state(PART:"elm.text.bottom.right", "disabled_visible", 0.0);
+               if (text_status_show)
+                  set_state(PART:"elm.text.status", "disabled_visible", 0.0);
+            }
          }
       }
       programs {
-         program { name: "text_show";
-            signal: "elm,state,text,visible";
-            source: "elm";
-            action: STATE_SET "show" 0.0;
-            target: "elm.text";
+         program { "on_visible_text";
+            script {
+               set_int(text_top_right_show, SHOW);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.text", "visible", 0.0);
+               } else {
+                  set_state(PART:"elm.text", "disabled_visible", 0.0);
+               }
+            }
          }
-         program { name: "text_hide";
-            signal: "elm,state,text,hidden";
-            source: "elm";
-            action: STATE_SET "default" 0.0;
-            target: "elm.text";
+         program { "on_hidden_text";
+            script {
+               set_int(text_top_right_show, HIDE);
+               set_state(PART:"elm.text", "default", 0.0);
+            }
          }
-         program { name: "text_top_right_show";
-            signal: "elm,state,top.right,visible";
-            source: "elm";
-            action: STATE_SET "show" 0.0;
-            target: "elm.text.top.right";
+         program { "on_visible_top_right";
+            script {
+               set_int(text_top_right_show, SHOW);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.text.top.right", "visible", 0.0);
+               } else {
+                  set_state(PART:"elm.text.top.right", "disabled_visible", 0.0);
+               }
+            }
          }
-         program { name: "text_top_right_text_hide";
-            signal: "elm,state,top.right,hidden";
-            source: "elm";
-            action: STATE_SET "default" 0.0;
-            target: "elm.text.top.right";
+         program { "on_hidden_top_right";
+            script {
+               set_int(text_top_right_show, HIDE);
+               set_state(PART:"elm.text.top.right", "default", 0.0);
+            }
          }
-         program { name: "text_bottom_left_show";
-            signal: "elm,state,bottom.left,visible";
-            source: "elm";
-            action: STATE_SET "show" 0.0;
-            target: "elm.text.bottom.left";
+         program { "on_visible_bottom_left";
+            script {
+               set_int(text_bottom_left_show, SHOW);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.text.bottom.left", "visible", 0.0);
+               } else {
+                  set_state(PART:"elm.text.bottom.left", "disabled_visible", 0.0);
+               }
+            }
          }
-         program { name: "text_bottom_left_text_hide";
-            signal: "elm,state,bottom.left,hidden";
-            source: "elm";
-            action: STATE_SET "default" 0.0;
-            target: "elm.text.bottom.left";
+         program { "on_hidden_bottom_left";
+            script {
+               set_int(text_bottom_left_show, HIDE);
+               set_state(PART:"elm.text.bottom.left", "default", 0.0);
+            }
          }
-         program { name: "text_bottom_right_show";
-            signal: "elm,state,bottom.right,visible";
-            source: "elm";
+         program { "on_visible_bottom_right";
             script {
-               set_state(PART:"elm.text.status", "default", 0.0);
-               set_state(PART:"elm.text.bottom.right", "show", 0.0);
+               set_int(text_bottom_right_show, SHOW);
+               set_int(text_status_show, HIDE);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.text.status", "default", 0.0);
+                  set_state(PART:"elm.text.bottom.right", "visible", 0.0);
+               } else {
+                  set_state(PART:"elm.text.status", "default", 0.0);
+                  set_state(PART:"elm.text.bottom.right", "disabled_visible", 0.0);
+               }
             }
          }
-         program { name: "text_status_show";
-            signal: "elm,state,units,visible";
-            source: "elm";
+         program { "on_hidden_bottom_right";
             script {
+               set_int(text_bottom_right_show, HIDE);
                set_state(PART:"elm.text.bottom.right", "default", 0.0);
-               set_state(PART:"elm.text.status", "show", 0.0);
             }
          }
-         program { name: "text_status_text_hide";
-            signal: "elm,state,units,hidden";
-            source: "elm";
-            action: STATE_SET "default" 0.0;
-            target: "elm.text.status";
+         program { "on_visible_units";
+            script {
+               set_int(text_status_show, SHOW);
+               set_int(text_bottom_right_show, HIDE);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.text.bottom.right", "default", 0.0);
+                  set_state(PART:"elm.text.status", "visible", 0.0);
+               } else {
+                  set_state(PART:"elm.text.bottom.right", "default", 0.0);
+                  set_state(PART:"elm.text.status", "disabled_visible", 0.0);
+               }
+            }
          }
-         program { name: "slide_to_end";
-            action: STATE_SET "state_end" 0.0;
+         program { "on_hidden_units";
+            script {
+               set_int(text_status_show, HIDE);
+               set_state(PART:"elm.text.status", "default", 0.0);
+            }
+         }
+         program { "slide_to_end";
+            action: STATE_SET "state_end";
             transition: LINEAR 0.5;
             target: "elm.progress.progressbar";
             after: "slide_to_begin";
          }
-         program { name: "slide_to_begin";
+         program { "slide_to_begin";
             signal: "elm,state,slide,begin";
-            action: STATE_SET "state_begin" 0.0;
+            action: STATE_SET "state_begin";
             target: "elm.progress.progressbar";
             transition: LINEAR 0.5;
             after: "slide_to_end";
          }
-         program { name: "start_pulse";
+         program { "start_pulse";
             signal: "elm,state,pulse,start";
             source: "elm";
          }
-         program { name: "stop_pulse";
+         program { "stop_pulse";
             signal: "elm,state,pulse,stop";
             source: "elm";
             action: ACTION_STOP;
@@ -399,118 +651,169 @@
             target: "slide_to_end";
             target: "start_pulse";
          }
-         program { name: "state_pulse";
+         program { "state_pulse";
             signal: "elm,state,pulse";
             source: "elm";
-            action: STATE_SET "state_begin" 0.0;
+            action: STATE_SET "state_begin";
             target: "elm.progress.progressbar";
-            action: STATE_SET "default" 0.0;
+            action: STATE_SET "default";
             target: "elm.text.status";
          }
-         program { name: "state_fraction";
+         program { "state_fraction";
             signal: "elm,state,fraction";
             source: "elm";
             action: ACTION_STOP;
             target: "slide_to_begin";
             target: "slide_to_end";
             target: "start_pulse";
-            action: STATE_SET "default" 0.0;
+            action: STATE_SET "default";
             target: "elm.progress.progressbar";
             target: "elm.text.status";
          }
-         program { name: "set_invert_on";
-            signal: "elm,state,inverted,on";
-            source: "elm";
-            action: STATE_SET "invert" 0.0;
+         program { "on_inverted_on";
+            action: STATE_SET "invert";
             target: "elm.progress.progressbar";
          }
-         program { name: "set_invert_off";
-            signal: "elm,state,inverted,off";
-            source: "elm";
-            action: STATE_SET "default" 0.0;
+         program { "on_inverted_off";
+            action: STATE_SET "default";
             target: "elm.progress.progressbar";
          }
-         program { name: "finished_animation";
+         program { "on_finished_animation";
             signal: "elm,action,animation,finished";
             source: "elm";
             action: SIGNAL_EMIT "animation,finished" "";
          }
+         program { "on_disabled";
+            signal: "elm,state,disabled";
+            source: "elm";
+            script {
+               set_int(enabled, DISABLE);
+               set_enable(DISABLE);
+            }
+         }
+         program { "on_enabled";
+            script {
+               set_int(enabled, ENABLE);
+               set_enable(ENABLE);
+            }
+         }
+         program { "drag_init";
+            signal: "drag,set";
+            source: "elm.cur.progressbar";
+            script {
+               if (get_int(enabled)) {
+                  new Float:dx, Float:dy, Float:rx, Float:ry;
+                  get_drag(PART:"elm.cur.progressbar", dx, dy);
+                  get_state_val(PART:"prev", STATE_REL2, rx, ry);
+                  if (rx > dx) {
+                     custom_state(PART:"prev", "default", 0.0);
+                     set_state_val(PART:"prev", STATE_REL2, 0.0, 1.0);
+                     set_state(PART:"prev", "custom", 0.0);
+                  }
+                  set_state(PART:"progressbar", "prev", 0.0);
+                  run_program(PROGRAM:"animation");
+               } else {
+                  run_program(PROGRAM:"animation_disabled");
+               }
+            }
+         }
+         program { "animation";
+            action: STATE_SET "default";
+            target: "progressbar";
+            transition: GLIDE_EASE_OUT(0.8);
+            after: "prev_set";
+         }
+         program { "animation_disabled";
+            action: STATE_SET "disabled_visible";
+            target: "progressbar";
+            after: "prev_set";
+         }
+         program { "prev_set";
+            script {
+               if (get_int(enabled)) {
+                  new Float:dx, Float:dy;
+                  get_drag(PART:"elm.cur.progressbar", dx, dy);
+                  custom_state(PART:"prev", "default", 0.0);
+                  set_state_val(PART:"prev", STATE_REL2, dx, 1.0);
+                  set_state(PART:"prev", "custom", 0.0);
+                  set_state(PART:"progressbar", "prev", 0.0);
+                  emit("elm,action,animation,finished", "elm");
+               }
+            }
+         }
       }
+   #undef DISABLE
+   #undef ENABLE
    }
 
-   group { name: "elm/progressbar/horizontal/pending";
-      script {
-         public state_end = 0;
-      }
+   group { "elm/progressbar/horizontal/pending";
+   #define DISABLE 0
+   #define ENABLE 1
       images {
          set {
             name: "core_progress_bar.#";
             image {
-               image: SMALL"images/User_Input_Elements/core_progress_bar.#.png" COMP;
+               image: SMALL"images/Presentation_views/core_progress_bar.#.png" COMP;
             }
             image {
-               image: MEDIUM"images/User_Input_Elements/core_progress_bar.#.png" COMP;
+               image: MEDIUM"images/Presentation_views/core_progress_bar.#.png" COMP;
             }
          }
          set {
             name: "core_progress_pending_bg_01";
             image {
-               image: SMALL"images/User_Input_Elements/core_progress_pending_bg_01.png" COMP;
+               image: SMALL"images/Presentation_views/core_progress_pending_bg_01.png" COMP;
             }
             image {
-               image: MEDIUM"images/User_Input_Elements/core_progress_pending_bg_01.png" COMP;
+               image: MEDIUM"images/Presentation_views/core_progress_pending_bg_01.png" COMP;
             }
          }
          set {
             name: "core_progress_pending_bg_02";
             image {
-               image: SMALL"images/User_Input_Elements/core_progress_pending_bg_02.png" COMP;
+               image: SMALL"images/Presentation_views/core_progress_pending_bg_02.png" COMP;
             }
             image {
-               image: MEDIUM"images/User_Input_Elements/core_progress_pending_bg_02.png" COMP;
+               image: MEDIUM"images/Presentation_views/core_progress_pending_bg_02.png" COMP;
             }
          }
       }
+      nomouse;
       parts {
          alias: "elm.text" "elm.text.top.right";
-         /// for C# temporarily
-         part { name: "bg";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
-               color_class: "elm/widget/progressbar/pending/bg-default";
+         spacer { "base";
+            scale;
+            desc { "default";
+               min: 0 PROGRESSBAR_PENDING_HEIGHT_INC;
             }
          }
-         ///
-         part { name: "access";
-            type: RECT;
-            description { state: "default" 0.0;
-               fixed: 1 1;
+         rect { "bg_base";
+            scale;
+            desc { "default";
+               rel.to: "base";
                color: 0 0 0 0;
             }
          }
-         part { name: "elm.swallow.bar";
-            type: SWALLOW;
-            description { state: "default" 0.0;
-               visible: 0;
+         rect { "access";
+            desc { "default";
+               rel.to: "base";
+               fixed: 1 1;
+               color: 0 0 0 0;
             }
          }
-         part { name: "base";
-            type: SPACER;
-            scale: 1;
-            description { state: "default" 0.0;
-               min: 0 PROGRESSBAR_PENDING_HEIGHT_INC;
+         swallow { "elm.swallow.bar";
+            desc { "default";
+               hid;
             }
          }
-         part { name: "elm.text.top.right";
-            type: TEXT;
-            scale: 1;
-            description { state: "default" 0.0;
+
+         text { "elm.text.top.right";
+            scale;
+            desc { "default";
                rel1.relative: 0.0 0.0;
                rel2.relative: 1.0 0.0;
                rel1.to: "base";
-               rel2.to: "top_padding";
+               rel2.to: "padding_top";
                text {
                   min: 0 0;
                   align: 1.0 1.0;
@@ -518,75 +821,84 @@
                   text_class: "tizen";
                }
                align: 1.0 1.0;
-               color: 102 102 102 255;
-               visible: 0;
+               color_class: "progressbar/default/top_right-text-normal";
+               hid;
             }
-            description { state: "show" 0.0;
-               inherit: "default" 0.0;
+            desc { "visible";
+               inherit: "default";
                min: 0 PROGRESSBAR_PENDING_TEXT_HEIGHT_INC;
                text.min: 1 1;
-               visible: 1;
+               vis;
+            }
+            desc { "disabled_visible";
+               inherit: "visible";
+               color_class: "progressbar/default/top_right-text-disabled";
             }
          }
-         part { name: "top_padding";
-            type: SPACER;
-            scale: 1;
-            description { state: "default" 0.0;
+         spacer { "padding_top";
+            scale;
+            desc { "default";
                min: 0 PROGRESSBAR_PADDING_HEIGHT_INC;
                max: -1 PROGRESSBAR_PADDING_HEIGHT_INC;
                fixed: 0 1;
-               rel1.to: "background";
-               rel2.to: "background";
+               rel1.to: "bg_progressbar";
+               rel2.to: "bg_progressbar";
                rel1.relative: 0.0 0.0;
                rel2.relative: 1.0 0.0;
                align: 0.5 1.0;
             }
          }
-         part { name: "background";
-            scale: 1;
-            description { state: "default" 0.0;
+         image { "bg_progressbar";
+            scale;
+            desc { "default";
                min: 0 PROGRESSBAR_PENDING_HEIGHT_INC;
                max: -1 PROGRESSBAR_PENDING_HEIGHT_INC;
                fixed: 0 1;
                image.normal: "core_progress_bar.#";
-               color: 178 178 178 255;
+               color_class: "progressbar/default/bg-normal";
+            }
+            desc { "disabled_visible";
+               inherit: "default";
+               color_class: "progressbar/default/bg-disabled";
             }
          }
-         part { name: "elm.progress.progressbar";
-            scale: 1;
-            description { state: "default" 0.0;
-               rel1.to: "background";
-               rel2.to: "background";
+         image { "elm.progress.progressbar";
+            scale;
+            desc { "default";
+               rel1.to: "bg_progressbar";
+               rel2.to: "bg_progressbar";
                image.normal: "core_progress_pending_bg_01";
-               color: 61 184 204 255;
+               color_class: "progressbar/default/bar-normal";
             }
-            description { state: "state_begin" 0.0;
-               inherit: "default" 0.0;
+            desc { "state_begin";
+               inherit: "default";
             }
-            description { state: "state_end" 0.0;
-               inherit: "default" 0.0;
+            desc { "state_end";
+               inherit: "default";
                image.normal: "core_progress_pending_bg_02";
             }
+            desc { "disabled_visible";
+               inherit: "default";
+               color_class: "progressbar/default/bar-disabled";
+            }
          }
-         part { name: "bottom_padding";
-            type: SPACER;
-            scale: 1;
-            description { state: "default" 0.0;
+         spacer { "padding_bottom";
+            scale;
+            desc { "default";
                min: 0 PROGRESSBAR_PADDING_HEIGHT_INC;
                max: -1 PROGRESSBAR_PADDING_HEIGHT_INC;
                fixed: 0 1;
-               rel1.to: "background";
-               rel2.to: "background";
+               rel1.to: "bg_progressbar";
+               rel2.to: "bg_progressbar";
                rel1.relative: 0.0 1.0;
                rel2.relative: 1.0 1.0;
                align: 0.5 0.0;
             }
          }
-         part { name: "elm.text.bottom.left";
-            type: TEXT;
-            scale: 1;
-            description { state: "default" 0.0;
-               rel1.to: "bottom_padding";
+         text { "elm.text.bottom.left";
+            scale;
+            desc { "default";
+               rel1.to: "padding_bottom";
                rel2.to: "base";
                rel1.relative: 0.0 1.0;
                rel2.relative: 1.0 1.0;
@@ -597,21 +909,24 @@
                   text_class: "tizen";
                }
                align: 0.0 0.0;
-               color: 102 102 102 255;
-               visible: 0;
+               color_class: "progressbar/default/bottom_left-text-normal";
+               hid;
             }
-            description { state: "show" 0.0;
-               inherit: "default" 0.0;
+            desc { "visible";
+               inherit: "default";
                text.min: 1 1;
-               visible: 1;
+               vis;
                min: 0 PROGRESSBAR_PENDING_TEXT_HEIGHT_INC;
             }
+            desc { "disabled_visible";
+               inherit: "visible";
+               color_class: "progressbar/default/bottom_left-text-disabled";
+            }
          }
-         part { name: "elm.text.status";
-            type: TEXT;
-            scale: 1;
-            description { state: "default" 0.0;
-               rel1.to: "bottom_padding";
+         text { "elm.text.status";
+            scale;
+            desc { "default";
+               rel1.to: "padding_bottom";
                rel2.to: "base";
                rel1.relative: 0.0 1.0;
                rel2.relative: 1.0 1.0;
@@ -622,21 +937,24 @@
                   text_class: "tizen";
                }
                align: 1.0 0.0;
-               color: 102 102 102 255;
-               visible: 0;
+               color_class: "progressbar/default/status-text-normal";
+               hid;
             }
-            description { state: "show" 0.0;
-               inherit: "default" 0.0;
+            desc { "visible";
+               inherit: "default";
                text.min: 1 1;
                min: 0 PROGRESSBAR_PENDING_TEXT_HEIGHT_INC;
-               visible: 1;
+               vis;
+            }
+            desc { "disabled_visible";
+               inherit: "visible";
+               color_class: "progressbar/default/bottom_right-text-disabled";
             }
          }
-         part { name: "elm.text.bottom.right";
-            type: TEXT;
-            scale: 1;
-            description { state: "default" 0.0;
-               rel1.to: "bottom_padding";
+         text { "elm.text.bottom.right";
+            scale;
+            desc { "default";
+               rel1.to: "padding_bottom";
                rel2.to: "base";
                rel1.relative: 0.0 1.0;
                rel2.relative: 1.0 1.0;
@@ -647,107 +965,183 @@
                   text_class: "tizen";
                }
                align: 1.0 0.0;
-               color: 102 102 102 255;
-               visible: 0;
+               color_class: "progressbar/default/bottom_right-text-normal";
+               hid;
             }
-            description { state: "show" 0.0;
-               inherit: "default" 0.0;
+            desc { "visible";
+               inherit: "default";
                text.min: 1 1;
-               visible: 1;
+               vis;
                min: 0 PROGRESSBAR_PENDING_TEXT_HEIGHT_INC;
             }
+            desc { "disabled_visible";
+               inherit: "visible";
+               color_class: "progressbar/default/bottom_right-text-disabled";
+            }
+         }
+      }
+      inherit: "elm/progressbar/horizontal/event/default";
+      script {
+         public state_end = 0;
+         public enabled;
+         public text_top_right_show;
+         public text_bottom_left_show;
+         public text_bottom_right_show;
+         public text_status_show;
+         public set_enable(m) {
+            if (m) {
+               set_state(PART:"bg_progressbar", "default", 0.0);
+               if (!get_int(state_end)) {
+                  set_state(PART:"elm.progress.progressbar", "state_begin", 0.0);
+               } else {
+                  set_state(PART:"elm.progress.progressbar", "state_end", 0.0);
+               }
+               if (text_top_right_show)
+                  set_state(PART:"elm.text.top.right", "visible", 0.0);
+               else
+                  set_state(PART:"elm.text.top.right", "default", 0.0);
+               if (text_bottom_left_show)
+                  set_state(PART:"elm.text.bottom.left", "visible", 0.0);
+               else
+                  set_state(PART:"elm.text.bottom.left", "default", 0.0);
+               if (text_bottom_right_show)
+                  set_state(PART:"elm.text.bottom.right", "visible", 0.0);
+               else
+                  set_state(PART:"elm.text.bottom.right", "default", 0.0);
+               if (text_status_show)
+                  set_state(PART:"elm.text.status", "visible", 0.0);
+               else
+                  set_state(PART:"elm.text.status", "default", 0.0);
+            } else {
+               set_state(PART:"bg_progressbar", "disabled_visible", 0.0);
+               set_state(PART:"elm.progress.progressbar", "disabled_visible", 0.0);
+               if (text_top_right_show)
+                  set_state(PART:"elm.text.top.right", "disabled_visible", 0.0);
+               if (text_bottom_left_show)
+                  set_state(PART:"elm.text.bottom.left", "disabled_visible", 0.0);
+               if (text_bottom_right_show)
+                  set_state(PART:"elm.text.bottom.right", "disabled_visible", 0.0);
+               if (text_status_show)
+                  set_state(PART:"elm.text.status", "disabled_visible", 0.0);
+            }
          }
       }
       programs {
-         program { name: "text_show";
-            signal: "elm,state,text,visible";
-            source: "elm";
-            action: STATE_SET "show" 0.0;
-            target: "elm.text";
+         program { "on_visible_text";
+            script {
+               set_int(text_top_right_show, SHOW);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.text", "visible", 0.0);
+               } else {
+                  set_state(PART:"elm.text", "disabled_visible", 0.0);
+               }
+            }
          }
-         program { name: "text_hide";
-            signal: "elm,state,text,hidden";
-            source: "elm";
-            action: STATE_SET "default" 0.0;
-            target: "elm.text";
+         program { "on_hidden_text";
+            script {
+               set_int(text_top_right_show, HIDE);
+               set_state(PART:"elm.text", "default", 0.0);
+            }
          }
-         program { name: "text_top_right_show";
-            signal: "elm,state,top.right,visible";
-            source: "elm";
-            action: STATE_SET "show" 0.0;
-            target: "elm.text.top.right";
+         program { "on_visible_top_right";
+            script {
+               set_int(text_top_right_show, SHOW);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.text.top.right", "visible", 0.0);
+               } else {
+                  set_state(PART:"elm.text.top.right", "disabled_visible", 0.0);
+               }
+            }
          }
-         program { name: "text_top_right_text_hide";
-            signal: "elm,state,top.right,hidden";
-            source: "elm";
-            action: STATE_SET "default" 0.0;
-            target: "elm.text.top.right";
+         program { "on_hidden_top_right";
+            script {
+               set_int(text_top_right_show, HIDE);
+               set_state(PART:"elm.text.top.right", "default", 0.0);
+            }
          }
-         program { name: "text_bottom_left_show";
-            signal: "elm,state,bottom.left,visible";
-            source: "elm";
-            action: STATE_SET "show" 0.0;
-            target: "elm.text.bottom.left";
+         program { "on_visible_bottom_left";
+            script {
+               set_int(text_bottom_left_show, SHOW);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.text.bottom.left", "visible", 0.0);
+               } else {
+                  set_state(PART:"elm.text.bottom.left", "disabled_visible", 0.0);
+               }
+            }
          }
-         program { name: "text_bottom_left_text_hide";
-            signal: "elm,state,bottom.left,hidden";
-            source: "elm";
-            action: STATE_SET "default" 0.0;
-            target: "elm.text.bottom.left";
+         program { "on_hidden_bottom_left";
+            script {
+               set_int(text_bottom_left_show, HIDE);
+               set_state(PART:"elm.text.bottom.left", "default", 0.0);
+            }
          }
-         program { name: "text_bottom_right_show";
-            signal: "elm,state,bottom.right,visible";
-            source: "elm";
+         program { "on_visible_bottom_right";
             script {
-               set_state(PART:"elm.text.status", "default", 0.0);
-               set_state(PART:"elm.text.bottom.right", "show", 0.0);
+               set_int(text_bottom_right_show, SHOW);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.text.status", "default", 0.0);
+                  set_state(PART:"elm.text.bottom.right", "visible", 0.0);
+               } else {
+                  set_state(PART:"elm.text.status", "default", 0.0);
+                  set_state(PART:"elm.text.bottom.right", "disabled_visible", 0.0);
+               }
             }
          }
-         program { name: "text_status_show";
-            signal: "elm,state,units,visible";
-            source: "elm";
+         program { "on_hidden_bottom_right";
             script {
+               set_int(text_bottom_right_show, HIDE);
                set_state(PART:"elm.text.bottom.right", "default", 0.0);
-               set_state(PART:"elm.text.status", "show", 0.0);
             }
          }
-         program { name: "text_status_text_hide";
-            signal: "elm,state,units,hidden";
-            source: "elm";
-            action: STATE_SET "default" 0.0;
-            target: "elm.text.status";
+         program { "on_visible_units";
+            script {
+               set_int(text_status_show, SHOW);
+               set_int(text_bottom_right_show, HIDE);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.text.bottom.right", "default", 0.0);
+                  set_state(PART:"elm.text.status", "visible", 0.0);
+               } else {
+                  set_state(PART:"elm.text.bottom.right", "default", 0.0);
+                  set_state(PART:"elm.text.status", "disabled_visible", 0.0);
+               }
+            }
          }
-         program { name: "slide_to_end";
+         program { "on_hidden_units";
+            script {
+               set_int(text_status_show, HIDE);
+               set_state(PART:"elm.text.status", "default", 0.0);
+            }
+         }
+         program { "slide_to_end";
             in: 0.3 0.0;
             script {
-               set_state(PART:"elm.progress.progressbar", "state_end", 0.0);
-               set_int(state_end, 1);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.progress.progressbar", "state_end", 0.0);
+                  set_int(state_end, 1);
+               }
             }
             after: "slide_to_begin";
          }
-         program { name: "slide_to_begin";
+         program { "slide_to_begin";
             signal: "elm,state,slide,begin";
             in: 0.3 0.0;
             script {
-               set_state(PART:"elm.progress.progressbar", "state_begin", 0.0);
-               set_int(state_end, 0);
+               if (get_int(enabled)) {
+                  set_state(PART:"elm.progress.progressbar", "state_begin", 0.0);
+                  set_int(state_end, 0);
+               }
             }
             after: "slide_to_end";
          }
-         program { name: "state_pulse";
-            signal: "elm,state,pulse";
-            source: "elm";
-            action: STATE_SET "default" 0.0;
-            target: "elm.text.status";
-         }
-         program { name: "start_pulse";
+
+         program { "start_pulse";
             signal: "elm,state,pulse,start";
             source: "elm";
-            action: STATE_SET "default" 0.0;
+            action: STATE_SET "default";
             target: "elm.text.status";
             after: "slide_to_end";
          }
-         program { name: "stop_pulse";
+         program { "stop_pulse";
             signal: "elm,state,pulse,stop";
             source: "elm";
             action: ACTION_STOP;
@@ -756,184 +1150,171 @@
             target: "start_pulse";
             after: "init_pulse";
          }
-         program { name: "state_fraction";
+         program { "state_pulse";
+            signal: "elm,state,pulse";
+            source: "elm";
+            action: STATE_SET "default";
+            target: "elm.text.status";
+         }
+         program { "state_fraction";
             signal: "elm,state,fraction";
             source: "elm";
             action: ACTION_STOP;
             target: "slide_to_begin";
             target: "slide_to_end";
             target: "start_pulse";
-            action: STATE_SET "default" 0.0;
+            action: STATE_SET "default";
             target: "elm.progress.progressbar";
             target: "elm.text.status";
          }
-         program { name: "init_pulse";
-            action: STATE_SET "default" 0.0;
+         program { "init_pulse";
+            action: STATE_SET "default";
             target: "elm.progress.progressbar";
          }
-         program { name: "progressbar_disable";
+         program { "on_disabled";
             signal: "elm,state,disabled";
             source: "elm";
             script {
-               set_state(PART:"elm.progress.progressbar", "default", 0.0);
+               set_int(enabled, DISABLE);
+               set_enable(DISABLE);
             }
          }
-         program { name: "progressbar_enable";
+         program { "on_enabled";
             signal: "elm,state,enabled";
             source: "elm";
             script {
-               if (!get_int(state_end))
-                  set_state(PART:"elm.progress.progressbar", "state_begin", 0.0);
-               else
-                  set_state(PART:"elm.progress.progressbar", "state_end", 0.0);
+               set_int(enabled, ENABLE);
+               set_enable(ENABLE);
             }
          }
+         program { "on_inverted_on";
+         }
+         program { "on_inverted_off";
+         }
+         program { "on_finished_animation";
+         }
       }
+   #undef DISABLE
+   #undef ENABLE
    }
 
-   group { name: "elm/progressbar/horizontal/process_large";
+   group { "elm/progressbar/horizontal/process_large";
       data.item: "vector_ux" "process_large";
+      nomouse;
       parts {
-         part { name: "access";
+         rect { "access";
             type: RECT;
-            description { state: "default" 0.0;
+            desc { "default";
                fixed: 1 1;
                color: 0 0 0 0;
             }
          }
-         part { name: "elm.swallow.bar";
-            type: SWALLOW;
-            description { state: "default" 0.0;
-               visible: 0;
+         swallow { "elm.swallow.bar";
+            desc { "default";
+               hid;
             }
          }
-         /// for C# temporarily
-         part { name: "bg";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
+         rect { "bg";
+            scale;
+            desc { "default";
                rel1.to: "clipper";
                rel2.to: "clipper";
-               color_class: "elm/widget/progressbar/process/bg-default";
+               color: 0 0 0 0;
             }
          }
-         ///
-         part { name: "clipper";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
+         rect { "clipper";
+            scale;
+            desc { "default";
                min: PROGRESSBAR_LARGE_SIZE_INC;
                max: PROGRESSBAR_LARGE_SIZE_INC;
-               //color: 61 184 204 102;
-               color_class: "elm/widget/progressbar/process/clipper-default"; /// for C# temporarily
+               color_class: "progressbar/process_large/clipper-icon";
             }
          }
-         part { name: "tizen_vg_shape1";
-            type: SWALLOW;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "clipper";
-            description { state: "default" 0.0;
+         swallow { "tizen_vg_shape1";
+            scale;
+            clip: "clipper";
+            desc { "default";
                rel1.to: "clipper";
                rel2.to: "clipper";
             }
          }
-
-         part { name: "tizen_vg_shape2";
-            type: SWALLOW;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "tizen_vg_shape2_clipper";
-            description { state: "default" 0.0;
+         swallow { "tizen_vg_shape2";
+            scale;
+            clip: "tizen_vg_shape2_clipper";
+            desc { "default";
                rel1.to: "clipper";
                rel2.to: "clipper";
             }
          }
-
-         part { name: "tizen_vg_shape2_clipper";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
-               //color: 61 184 204 102;
-               color_class: "elm/widget/progressbar/process/tizen_vg_shape2_clipper-default"; /// for C# temporarily
+         rect { "tizen_vg_shape2_clipper";
+            scale;
+            desc { "default";
+               color_class: "progressbar/process_large/tizen_vg_shape2_clipper-icon";
             }
          }
-
-         part { name: "tizen_vg_shape3";
-            type: SWALLOW;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "tizen_vg_shape3_clipper";
-            description { state: "default" 0.0;
+         swallow { "tizen_vg_shape3";
+            scale;
+            clip: "tizen_vg_shape3_clipper";
+            desc { "default";
                rel1.to: "clipper";
                rel2.to: "clipper";
             }
          }
-         part { name: "tizen_vg_shape3_clipper";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
-               //color: 61 184 204 255;
-               color_class: "elm/widget/progressbar/process/tizen_vg_shape3_clipper-default"; /// for C# temporarily
+         rect { "tizen_vg_shape3_clipper";
+            scale;
+            desc { "default";
+               color_class: "progressbar/process_large/tizen_vg_shape3_clipper-icon";
             }
          }
       }
       programs {
-         program { name: "start_pulse";
+         program { "start_pulse";
             signal: "elm,state,pulse,start";
             source: "elm";
-            action: STATE_SET "default" 0.0;
+            action: STATE_SET "default";
             target: "clipper";
          }
-         program { name: "stop_pulse";
+         program { "stop_pulse";
             signal: "elm,state,pulse,stop";
             source: "elm";
             action: ACTION_STOP;
             target: "start_pulse";
             after: "init_pulse";
          }
-         program { name: "init_pulse";
-            action: STATE_SET "default" 0.0;
+         program { "init_pulse";
+            action: STATE_SET "default";
             target: "clipper";
          }
       }
    }
 
-   group { name: "elm/progressbar/horizontal/process_medium";
+   group { "elm/progressbar/horizontal/process_medium";
       inherit: "elm/progressbar/horizontal/process_large";
       data.item: "vector_ux" "process_medium";
+      nomouse;
       parts {
-         part { name: "clipper";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
+         rect { "clipper";
+            scale;
+            desc { "default";
                min: PROGRESSBAR_MEDIUM_SIZE_INC;
                max: PROGRESSBAR_MEDIUM_SIZE_INC;
-               //color: 61 184 204 102;
-               color_class: "elm/widget/progressbar/process/clipper-default"; /// for C# temporarily
+               color_class: "progressbar/process_medium/clipper-icon";
             }
          }
       }
    }
 
-   group { name: "elm/progressbar/horizontal/process_small";
+   group { "elm/progressbar/horizontal/process_small";
       inherit: "elm/progressbar/horizontal/process_large";
       data.item: "vector_ux" "process_small";
+      nomouse;
       parts {
-         part { name: "clipper";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
+         rect { "clipper";
+            scale;
+            desc { "default";
                min: PROGRESSBAR_SMALL_SIZE_INC;
                max: PROGRESSBAR_SMALL_SIZE_INC;
-               //color: 61 184 204 102;
-               color_class: "elm/widget/progressbar/process/clipper-default"; /// for C# temporarily
+               color_class: "progressbar/process_small/clipper-icon";
             }
          }
       }