1. <?xml version="1.0" standalone="no"?>
  2. <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  3. "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4.  
  5. <svg width="600" height="400" version="1.1"
  6. xmlns="http://www.w3.org/2000/svg">
  7.  
  8.  
  9. <rect id="bg" height="400" width="600" y="0" x="0" fill="#f70606"/>
  10.  
  11. <rect id="spot" height="30" width="30" y="185" x="285" fill="#000">
  12. <animate id="left"
  13. attributeName="x" attributeType="XML"
  14. from="285" to="85"
  15. begin="1000ms; mid2.end+1000ms" dur="1ms"
  16. fill="freeze" />
  17. <animate id="mid"
  18. attributeName="x" attributeType="XML"
  19. from="85" to="285"
  20. begin="left.end+1000ms" dur="1ms"
  21. fill="freeze" />
  22. <animate id="right"
  23. attributeName="x" attributeType="XML"
  24. from="285" to="485"
  25. begin="mid.end+1000ms" dur="1ms"
  26. fill="freeze" />
  27. <animate id="mid2"
  28. attributeName="x" attributeType="XML"
  29. from="485" to="285"
  30. begin="right.end+1000ms" dur="1ms"
  31. fill="freeze" />
  32. </rect>
  33.  
  34. <rect id="tbar" height="80" width="600" y="0" x="0" fill="#2cf706" visibility="hidden">
  35. <animate id="bar_top"
  36. attributeName="visibility" attributeType="XML"
  37. from="hidden" to="visible"
  38. begin="right.end+50ms; left.end+50ms" dur="20ms"
  39. fill="freeze" />
  40. <animate id="bar_top_stop"
  41. attributeName="visibility" attributeType="XML"
  42. from="visible" to="hidden"
  43. begin="bar_top.end+20ms" dur="1ms"
  44. fill="freeze" />
  45. </rect>
  46.  
  47. <rect id="bbar" height="80" width="600" y="320" x="0" fill="#2cf706" visibility="hidden">
  48. <animate id="bar_bot"
  49. attributeName="visibility" attributeType="XML"
  50. from="hidden" to="visible"
  51. begin="bar_top_stop.end+60ms; left.end+50ms" dur="20ms"
  52. fill="freeze" />
  53. <animate id="bar_bot_stop"
  54. attributeName="visibility" attributeType="XML"
  55. from="visible" to="hidden"
  56. begin="bar_bot.end+20ms" dur="1ms"
  57. fill="freeze" />
  58. </rect>
  59.  
  60.  
  61. </svg>
  62.